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

未完待续。。。

 

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