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