1.mode。webpack4中通過內置的mode使用相應模式的內置優化。設置mode等於'development',會將 process.env.NODE_ENV
的值設爲 development
。啓用 NamedChunksPlugin
和 NamedModulesPlugin
。設置mode等於'production',會將 process.env.NODE_ENV
的值設爲 production
。啓用 FlagDependencyUsagePlugin
, FlagIncludedChunksPlugin
, ModuleConcatenationPlugin
, NoEmitOnErrorsPlugin
, OccurrenceOrderPlugin
, SideEffectsFlagPlugin
和 UglifyJsPlugin
.
2.CommonChunksPlugin & SplitChunksPlugin。CommonChunksPlugin已經從webpack4中移除。提取公用代碼可以利用SplitChunksPlugin。
3.ExtractTextWebpackPlugin & MiniCssExtractPlugin。webpack4使用MiniCssExtractPlugin取代ExtractTextWebpackPlugin。
4.代碼分割。使用動態import,而不是用system.import或者require.ensure
未完待續。。。