如何编写适用于vue cli 3.0的通用打包配置代码，无需区分目录层级？

本文共计971个文字，预计阅读时间需要4分钟。

1. 在项目根目录下新建`vue.config.js`文件，进行如下配置： javascript module.exports={ publicPath: '' };

知识补充：Vue-CLI 3.0 修改打包配置 + 实际项目开发中，我们通常直接使用vue和vue-cli来搭建项目。Vue框架的配置可以通过`vue.config.js`文件进行自定义，以满足不同项目的需求。

1.项目根目录下新建vue.config.js，进行如下配置即可

module.exports={ publicPath:'', };

补充知识：Vue-CLI3.0更改打包配置

在实际项目开发中，我们一般会直接使用vue、vue-cli来搭建项目。vue框架的宗旨就是让初学者轻松上手，所以，对于打包配置的一些东西，vue的脚手架已经帮我们做好了完美的封装，让我们达到安装既用的效果，也不用担心太多不会做打包配置的问题。

在前期使用Vue-CLI2.0搭建项目时，我们可以在build目录下，直接修改webpack配置项。

但在Vue-CLI3.0中已经帮我们对webpack配置做了二次封装，在使用3.0版本搭建项目时，我们并不需要去关心原生webpack的配置，只需要查看Vue-CLI3.0官方API即可。