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

Question

我使用 cli 创建了一个 vue.js 项目。我为此使用了 webpack 模板。我已经研究了几天，它运行得很顺利。

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

Answer 1

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

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

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

webpack.base.conf.js
webpack.dev.conf.js
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，它会自动包含在您的项目根目录中，如下所示：

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

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

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

Location of webpack config file in vue-cli webpack project?

webpack

vuejs2

vue-cli