記錄一下使用方法挣棕。
安裝插件
cnpm i --save uglifyjs-webpack-plugin
配置
在vue.config.js下
const UglifyPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
configureWebpack: (config) => {
// 引入uglifyjs-webpack-plugin
let UglifyPlugin = require('uglifyjs-webpack-plugin');
if (process.env.NODE_ENV == 'production') {
// 為生產(chǎn)環(huán)境修改配置
config.mode = 'production'
// 將每個依賴包打包成單獨的js文件
let optimization = {
minimizer: [new UglifyPlugin({
uglifyOptions: {
warnings: false,
compress: {
drop_console: true,
drop_debugger: false,
pure_funcs: ['console.log']
}
}
})]
}
Object.assign(config, {
optimization
})
} else {
// 為開發(fā)環(huán)境修改配置
config.mode = 'development'
}
}
}
然后正常打包宁玫。
報錯
如果有遇到報錯清空驮樊，大概率是遇到es6語法導致無法壓縮薇正。解決方法有很多，最簡單的就是更改uglifyjs版本囚衔。
npm i uglifyjs-webpack-plugin@1
