mode

提供mode配置选项，告知webpack使用相应模式的内置优化。

语法

---

通过命令行配置

命令行配置 会覆盖配置文件中的配置。

webpack --mode=production

通过配置文件配置

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

可选值

---

mode:development

mode:development 会将 process.env.NODE_ENV 的值设为 development。启用 NamedChunksPlugin 和 NamedModulesPlugin。

mode:"development" 

//相当于 
plugins: [
   new webpack.NamedModulesPlugin(),
   new webpack.DefinePlugin({ "process.env.NODE_ENV": JSON.stringify("development") }),
]

mode:production

mode:production 会将 process.env.NODE_ENV 的值设为 production。启用 FlagDependencyUsagePlugin, FlagIncludedChunksPlugin, ModuleConcatenationPlugin, NoEmitOnErrorsPlugin, OccurrenceOrderPlugin, SideEffectsFlagPlugin 和 UglifyJsPlugin.

mode:"production"

plugins: [
    new UglifyJsPlugin(/* ... */),
    new webpack.DefinePlugin({ "process.env.NODE_ENV": JSON.stringify("production") }),
    new webpack.optimize.ModuleConcatenationPlugin(),
    new webpack.NoEmitOnErrorsPlugin()
]