webpack4和webpack5区别2---代码压缩

本文主要是介绍webpack4和webpack5区别2---代码压缩，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

webpack4代码压缩

webpack4上需要下载安装terser-webpack-plugin插件

const TerserPlugin = require('terser-webpack-plugin')module.exports = { 
optimization: {minimize: !isDev,minimizer: [new TerserPlugin({extractComments: false, terserOptions: { compress: { pure_funcs: ['console.log'] }}}) ]}
}

webpack5代码压缩

webpack5内置了terser-webpack-plugin插件，不需要重新下载安装，并且在生产环境下会自动开启js压缩功能，如果在开发环境下也需要配置

module.exports = {optimization: {usedExports: true, //只导出被使用的模块minimize : true // 启动压缩}}

这篇关于webpack4和webpack5区别2---代码压缩的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---