安裝
npm install uglifyjs-webpack-plugin --save-dev
配置
在vue.config.js文件中配置
因為該插件在本地開發(fā)環(huán)境構(gòu)建很慢，只在生產(chǎn)環(huán)境下使用
if (process.env.NODE_ENV === 'production') {
config.configureWebpack.optimization.minimizer.push(new UglifyJsPlugin({
uglifyOptions: {
compress: {
// 配置壓縮選項，默認(rèn)為true
unused: true, // 是否移除沒有引用的代碼缨伊，默認(rèn)為`true`
dead_code: true, // 是否移除沒有執(zhí)行的代碼，默認(rèn)為`true`
},
mangle: true, // 是否混淆代碼
output: {
beautify: false, // 是否美化代碼
comments: false // 是否刪除代碼中的注釋，默認(rèn)為`true`
}
}
}))
}
效果
壓縮前
壓縮前
壓縮后臣缀，文件變小，但效果有限
壓縮后.png
