使用uglifyjs-webpack-plugin來進行刪除控制台打印
首先安裝:npm install uglifyjs-webpack-plugin --save-dev
在vue.config.js中引入:
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
在module.exports中使用:
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
}
}
})
]
}
}
最后就是檢查是否生效,我的辦法簡單粗暴:
npm run build打包,然后在打包后的dist文件夾中搜索console.log,如果沒有就是生效啦。如果不生效,請看其他大佬的方案。
