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等
未完待续。。。