webpack - vue-cli webpack 项目中 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 方法生命周期长!