安装
npm install uglifyjs-webpack-plugin --save-dev
配置
在vue.config.js文件中配置
因为该插件在本地开发环境构建很慢,只在生产环境下使用
if (process.env.NODE_ENV === 'production') {
config.configureWebpack.optimization.minimizer.push(new UglifyJsPlugin({
uglifyOptions: {
compress: {
// 配置压缩选项,默认为true
unused: true, // 是否移除没有引用的代码,默认为`true`
dead_code: true, // 是否移除没有执行的代码,默认为`true`
},
mangle: true, // 是否混淆代码
output: {
beautify: false, // 是否美化代码
comments: false // 是否删除代码中的注释,默认为`true`
}
}
}))
}
效果
压缩前
压缩后,文件变小,但效果有限