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
5.vue-loader。使用vue-loader插件为.vue文件中的各部分使用相对应的loader,比如css-loader等
未完待续。。。