webpack3和webpack4区别

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能够配置你本身的压缩程序

了解更多前端培训就业面试相关问题欢迎关注小编！