WEBPACK3和WEBPACK4区别

1. mode
   webpack增加了一个mode配置，只有两种值development | production。对不同的环境他会启用不同的配置。
   比如设置mode等于’development’，会将 process.env.NODE_ENV 的值设为 development，开发环境下启用optimization.nameModules（原nameModulesPlugin已经弃用）。设置mode等于’production’，会将 process.env.NODE_ENV 的值设为 production，而生产环境默认用**optimization.noEmitOnErrors` **（原noEmitOnErrorsPlugin已弃用）

webpack4中通过内置的mode使用相应模式的内置优化。设置mode等于’development’，会将 process.env.NODE_ENV 的值设为 development。启用 NamedChunksPlugin 和 NamedModulesPlugin。
设置mode等于’production’，会将 process.env.NODE_ENV 的值设为 production。启用 FlagDependencyUsagePlugin, FlagIncludedChunksPlugin, ModuleConcatenationPlugin, NoEmitOnErrorsPlugin, OccurrenceOrderPlugin, SideEffectsFlagPlugin 和 UglifyJsPlugin.

不同环境下配置如下：

• 默认生产环境开起了很多代码优化（minify, splite）
• 开发时开启注视和验证，并加上了evel devtool
• 生产环境不支持watching，