webpack3到webpack4的變化

1.mode。webpack4中通過內置的mode使用相應模式的內置優化。設置mode等於'development',會將 process.env.NODE_ENV 的值設爲 development。啓用 NamedChunksPlugin 和 NamedModulesPlugin。設置mode等於'production',會將 process.env.NODE_ENV 的值設爲 production。啓用 FlagDependencyUsagePluginFlagIncludedChunksPluginModuleConcatenationPluginNoEmitOnErrorsPluginOccurrenceOrderPluginSideEffectsFlagPlugin 和 UglifyJsPlugin.

2.CommonChunksPlugin & SplitChunksPlugin。CommonChunksPlugin已經從webpack4中移除。提取公用代碼可以利用SplitChunksPlugin。

3.ExtractTextWebpackPlugin & MiniCssExtractPlugin。webpack4使用MiniCssExtractPlugin取代ExtractTextWebpackPlugin。

4.代碼分割。使用動態import,而不是用system.import或者require.ensure

未完待續。。。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章