1.mode
webpack增加了一个mode配置，只有两种值development | production。对不同的环境他会启用不同的配置。

2.CommonsChunkPlugin
CommonChunksPlugin已经从webpack4中移除。
可使用optimization.splitChunks进行模块划分（提取公用代码）。
但是需要注意一个问题，默认配置只会对异步请求的模块进行提取拆分，如果要对entry进行拆分
需要设置optimization.splitChunks.chunks = 'all'。


3.webpack4使用MiniCssExtractPlugin取代ExtractTextWebpackPlugin。


4.代码分割。
使用动态import，而不是用system.import或者require.ensure


5.vue-loader。
使用vue-loader插件为.vue文件中的各部分使用相对应的loader，比如css-loader等


6.UglifyJsPlugin
现在也不需要使用这个plugin了，只需要使用optimization.minimize为true就行，production mode下面自动为true
optimization.minimizer可以配置你自己的压缩程序

1.mode
webpack增加了一个mode配置，只有两种值development | production。对不同的环境他会启用不同的配置。

2.CommonsChunkPlugin
CommonChunksPlugin已经从webpack4中移除。
可使用optimization.splitChunks进行模块划分（提取公用代码）。
但是需要注意一个问题，默认配置只会对异步请求的模块进行提取拆分，如果要对entry进行拆分
需要设置optimization.splitChunks.chunks = 'all'。


3.webpack4使用MiniCssExtractPlugin取代ExtractTextWebpackPlugin。


4.代码分割。
使用动态import，而不是用system.import或者require.ensure


5.vue-loader。
使用vue-loader插件为.vue文件中的各部分使用相对应的loader，比如css-loader等


6.UglifyJsPlugin
现在也不需要使用这个plugin了，只需要使用optimization.minimize为true就行，production mode下面自动为true
optimization.minimizer可以配置你自己的压缩程序