Webpack4中如何总结优化配置的最佳实践?
- 内容介绍
- 文章标签
- 相关推荐
本文共计985个文字,预计阅读时间需要4分钟。
优化总结:minimize默认为true,效果即是压缩js代码。minimizer可以自定义,例如使用UglifyJsPlugin和一些配置,默认的压缩工具为uglifyjs-webpack-plugin。// 例如在构建时,希望新增css的压缩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。
本文共计985个文字,预计阅读时间需要4分钟。
优化总结:minimize默认为true,效果即是压缩js代码。minimizer可以自定义,例如使用UglifyJsPlugin和一些配置,默认的压缩工具为uglifyjs-webpack-plugin。// 例如在构建时,希望新增css的压缩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。

