Webpack 4 Optimization如何实现长尾词效果的最佳实践？

本文共计986个文字，预计阅读时间需要4分钟。

优化总结：默认minimize设置为true，效果即压缩js代码。minimizer可自定义，如使用UglifyJsPlugin和一些配置，默认压缩插件为uglifyjs-webpack-plugin。若希望在构建时新增css的压缩minimizer，可设置minimizer为mo。

optimization总结

minimize

默认为true，效果就是压缩js代码。

minimizer

可以自定义UglifyJsPlugin和一些配置,默认的压缩为uglifyjs-webpack-plugin

//比如在构建的时候,希望新增css的压缩 minimizer: mode === "development" ? [] : [ new UglifyJsPlugin({ cache: true, parallel: true, sourceMap: mode === "development" }), new OptimizeCSSAssetsPlugin() ]

runtimeChunk

默认为false,runtime相关的代码(各个模块之间的引用和加载的逻辑)内嵌入每个entry。