使用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,如果没有就是生效啦。如果不生效,请看其他大佬的方案。