webpack4.0 npm script 使用 --mode development 设置开发模式和生产模式

Question

使用webpack4.0打包
npm script

"webpack --mode development --config webpack.config.dev.js  --progress --colors  "

请问在配置文件代码中如何使用 --mode 字段，做判断依据

Answer 1

https://doc.webpack-china.org...

使用环境变量

官方示例是在配置文件中导出函数代替导出对象，在函数里是可以直接访问到mode的

module.exports = (env, argv) => ({
  // ... 其他配置
  optimization: {
    minimize: false,
    // 使用 argv 来获取 mode 参数的值
    minimizer: argv.mode === 'production' ? [
      new UglifyJsPlugin({ /* 你自己的配置 */ }), 
      // 仅在我们要自定义压缩配置时才需要这么做
      // mode 为 production 时 webpack 会默认使用压缩 JS 的 plugin
    ] : [],
  },
})...

Answer 2

webpack配置中就有的mode字段..直接写就好了..

config = {
    mode: 'development'
}