在开发中总少不了调试，说起调试我们可能控制台就有很多个console.log的打印，这些我们只想在测试的时候方便使用，而在生产环境中我们就不需要了，但是难道我们要动手一个一个的去删除吗？ ··· 当然也不是不可以，只要你不嫌累，哈哈哈
其实我们可以借助webpage打包工具来帮助我们过滤掉console以及debugger，这样我们就不用一个个去找去删除了，方便了很多。
这是没有配置前打包的文件：
这是配置后打包的文件：
下面就说说怎么操作吧：
1、首先如果你的cli 本本比较低的话需要下载相对应低一点的版本，不然会报如下错误：
这是我的包版本："terser-webpack-plugin": "^4.2.3",
下载命令：npm install -D [email protected]
2、然后在项目中的vue-config.js 中进行配置
const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
configureWebpack: {
optimization: {
minimizer: [
new TerserPlugin({
terserOptions: {
compress: {
drop_console: true,
drop_debugger: true
}
}
})
]
}
}
}