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

Question

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

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

Answer 1

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

module.exports = {
  configureWebpack: {
    // It will be merged into the final Webpack config
    plugins: [
      ... // Your plugins here...
    ]
  }
}

太简单！新的 vue-cli 方法寿命长！

Answer 2

该webpack-simple模板具有webpack-config.js直接的文件在项目文件夹根.

看起来你正在使用webpack模板.要对webpack配置进行更改,请转到build文件夹.

在那里你会发现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针对生产构建配置