webpack 打包时,代码压缩,删除console与注释

6,008 阅读1分钟

new webpack.optimize.UglifyJsPlugin({
//删除注释
output:{
comments:false
},
//删除console 和 debugger 删除警告
compress:{
warnings:false,
drop_debugger:true,
drop_console:true
}
}) uglifyJsPlugin 用来对js文件进行压缩,减小js文件的大小。其会拖慢webpack的编译速度,建议开发环境时关闭,生产环境再将其打开。

UglifyJsPlugin 文档

vue cli 3.0中, 在vue.config.js中配置

configureWebpack:{
optimization: {
minimizer: [
new UglifyJsPlugin({
uglifyOptions: {
// 删除注释
output:{
comments:false
},
// 删除console debugger 删除警告
compress: {
warnings: false,
drop_console: true,//console
drop_debugger: false,
pure_funcs: ['console.log']//移除console
}
}
})
]
} 运行出现报错 UglifyJs DefaultsError: warnings is not a supported option

降低版本(使用 "uglifyjs-webpack-plugin": "^1.1.1"),打包正常,效果达到