webpack配置文件在vue-cli webpack项目中的位置？

Question

我用cli创建了一个vue.js项目。我使用了webpack模板。我已经工作了几天而且工作顺利。

现在我需要在项目中添加一个npm包。该软件包建议我对webpack配置进行一些更改。但是我的项目的根目录中没有webpack.config.js文件。 webpack配置文件在哪里。我是否需要像在某些框架中一样运行命令来发布它。

Answer 1

webpack-simple模板的webpack-config.js文件直接位于项目文件夹的根目录中。

您似乎正在使用webpack模板。要更改webpack配置，请转到构建文件夹。

在那里你会找到3个与webpack配置相关的文件;

1. webpack.base.conf.js
2. webpack.dev.conf.js
3. webpack.prod.conf.js

如果更改是针对开发时间配置，则可以在webpack.base.conf.js文件或webpack.dev.conf.js中进行更改程序包;如果是针对生产构建配置，则可以在webpack.prod.conf.js中进行更改

Answer 2

如果使用新的vue-cli 3（@ vue / cli）创建项目，则项目根目录中将出现名为 vue.config.js 的文件。这意味着您可以自定义您的webpack配置，只需更改 vue.config.js ，它就会自动包含在您的项目根目录中，如下所示：

id

太容易了！新的vue-cli方法的长寿命！