webpack4.0 npm script 使用 --mode development 設(shè)置開發(fā)模式和生產(chǎn)模式

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

使用環(huán)境變量

官方示例是在配置文件中導(dǎo)出函數(shù)代替導(dǎo)出對(duì)象，在函數(shù)里是可以直接訪問到mode的

module.exports = (env, argv) => ({
  // ... 其他配置
  optimization: {
    minimize: false,
    // 使用 argv 來獲取 mode 參數(shù)的值
    minimizer: argv.mode === 'production' ? [
      new UglifyJsPlugin({ /* 你自己的配置 */ }), 
      // 僅在我們要自定義壓縮配置時(shí)才需要這么做
      // mode 為 production 時(shí) webpack 會(huì)默認(rèn)使用壓縮 JS 的 plugin
    ] : [],
  },
})...

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

config = {
    mode: 'development'
}