webpack4的mode配置

1. webpack提供一些默认的配置 这个配置可以通过mode来制定
2. 可选production（默认）/ development / none
3. development配置

   // webpack.development.config.js
   module.exports = {
   + mode: 'development'
   - devtool: 'eval',
   - plugins: [
   -   new webpack.NamedModulesPlugin(), //用key来标识每一个模块，替代之前的0,1,2数组的方式
   -   new webpack.NamedChunksPlugin(), //用key来标识每一个chunks取代0,1,2数组的方式
   -   new webpack.DefinePlugin({ "process.env.NODE_ENV": JSON.stringify("development") }),
   - ]
   }

   用key的方式便于我们调试观察代码

4. production配置

   // webpack.production.config.js
   module.exports = {
   +  mode: 'production',
   -  plugins: [
   -    new UglifyJsPlugin(/* ... */), //压缩代码
   -    new webpack.DefinePlugin({ "process.env.NODE_ENV": JSON.stringify("production") }),
   -    new webpack.optimize.ModuleConcatenationPlugin(),
   -    new webpack.NoEmitOnErrorsPlugin() //出现错误也继续编译
   -  ]
   }