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能夠配置你本身的壓縮程序

瞭解更多前端培訓就業面試相關問題歡迎關注小編！