vue.config.js 中的chainWebpack和configureWebpack

vue.config.js 中的chainWebpack和configureWebpack 2022-08-29 601

chainWebpack和configureWebpack

vue-cli 配置文件vue.config.js 文档地址https://cli.vuejs.org/zh/config/#configurewebpack 下面就是对他们简单的一个介绍点击进入配合webpack>… 进入到webpack文档我这里总结下这两个怎么用。

configureWebpack：会被 webpack-merge 合并入最终的 webpack 配置,有两种写法。里面可以配置一些基础的信息，不过vue.config.js里面已经配置了的需要到vue.config.js中配置，没有的比如 config.devtool = ‘eval-source-map’ 或者config.optimization优化项，还可以使用webpack的插件（官网例子有，chainWebpack也能使用）。

2.
// vue.config.js
module.exports = {
  configureWebpack: config => {
    if (process.env.NODE_ENV === production) {
      // 为生产环境修改配置...
    } else {
      // 为开发环境修改配置...
    }
  }
}
1.
// vue.config.js
module.exports = {
  configureWebpack: {
    plugins: [
      new MyAwesomeWebpackPlugin()
    ]
  }
}