Vue CLI3.x版本之后,大部分的webpack配置都被隐藏了起来,但有时我们可能会需要修改这些配置,这里介绍三种方法。
vue ui
在终端输入 vue ui
指令打开Vue项目管理器;
可以看到,我们可以通过项目管理器来管理项目,创建项目,或者导入项目。
这里因为我们是要修改原有项目的配置,所以选择导入项目,找到我们希望修改配置的Vue项目,然后导入;
在如下界面修改配置:
在项目中修改配置
Vue CLI3.x版本的webpack配置是被隐藏起来了,并不是被移除了,因此还是可以在项目中找到这些配置。
project/node-modules/@vue/cli-service/lib
在该文件夹里面你应该能够找到大部分的webpack配置。
新建一个配置文件
在根目录下自定义一个配置文件,文件名为vue.config.js
,之后通过module.exports的方式写入你想要的配置,vue.config.js
中的配置会与项目原来的配置进行一个合并。