浅析 Webpack 打包输出内容

提供 mode 配置选项，告知 webpack 使用相应环境的内置优化。
string
可能的值有：none, development 或 production（默认）。

用法1：配置对象中提供mode选项

module.exports = {
  mode: 'production'
};

用法2：从CLI参数中传递：

webpack --mode=production

如果要根据 webpack.config.js 中的 mode 变量更改打包行为，则必须将配置导出为一个函数，而不是导出为一个对象：

var config = {
  entry: './app.js'
  //...
};

module.exports = (env, argv) => {

  if (argv.mode === 'development') {
    config.devtool = 'source-map';
  }

  if (argv.mode === 'production') {
    //...
  }

  return config;
};