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

hk8txs48  于 2022-11-13  发布在  Webpack
关注(0)|答案(2)|浏览(471)

我用cli创建了一个vue.js项目。我用了webpack模板。我已经在上面工作了几天,它工作得很顺利。
现在我需要添加一个npm包到项目中。这个包建议我对webpack配置做一些修改。但是在我的项目的根目录下没有webpack.config.js文件。webpack配置文件在哪里?我需要像在一些框架中那样运行一个命令来发布它吗?

3wabscal

3wabscal1#

如果您使用新的vue-cli 3(@vue/cli)创建项目,则项目根目录中会有一个名为vue.config.js的文件。这意味着您可以通过更改vue.config.js(该文件自动包含在项目根目录中)来自定义Webpack自定义设置,如下所示:

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

太简单了!新的vue-cli方法万岁!

qgelzfjb

qgelzfjb2#

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文件(如果更改是针对生产构建配置)中进行包所需的更改

相关问题