Webpack vue cli网页包项目中网页包配置文件的位置？

我使用cli创建了一个vue.js项目。我使用了网页模板。我已经做了几天了，工作很顺利

---

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

网页包简单模板的

webpack config.js

文件直接位于项目文件夹的根目录中

看起来您正在使用

webpack

模板。要更改网页包配置，请转到生成文件夹

在那里你会发现3个与网页配置相关的文件

webpack.base.conf.js

webpack.dev.conf.js

webpack.prod.conf.js

---

您可以在

webpack.base.conf.js

文件中或

webpack.dev.conf.js

中（如果更改是针对开发时间配置）或

webpack.prod.conf.js

中（如果使用新的vue cli 3（@vue/cli）创建项目），对软件包进行所需的更改将是项目根目录中名为vue.config.js的文件。这意味着您可以自定义您的网页配置，只需更改vue.config.js，即可自动将其包含在项目根目录中，如下所示：

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

---

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

这不是每次运行npm build时都会被重写吗？@Anoop.p.A不，它们不会被重写……它们是静态配置files@Vasmi谢谢但我在项目中没有这个文件。vue-cli-3似乎将其保留在某个位置，而其他版本的cli 3使用动态方法在运行时创建网页包配置文件。因此，如果要在vue cli 3创建的项目中调整webpack配置，应使用

vue.config.js

filevue cli 4（@vue/cli@4.3.1)据我所知，似乎没有网页包文件。如果在根目录中看不到vue.config.js，那是因为它是可选文件。如果你没有它，你可以继续创造它。