在开发的过程中相信大家一般都会在代码中加入一些console来帮助开发，但是在我们的代码发布到正式环境的时候我们又不希望在控制台能看到那些输出。
1.一种方法就是在打正式包之前把代码里的console语句删掉或者注释掉
2.这种方法需要简单配置一下项目
npm install babel-plugin-transform-remove-console
修改 babel.config.js
// 生产环境下清除console打印
const plugins = []
if(process.env.NODE_ENV === 'production'){
plugins.push('transform-remove-console')
}
module.exports = {
presets:[
'@vue/app'
],
plugins
}
注意：如果不想清除 console.error 和 console.warn 的话， 可以这样：
// 生产环境下清除console打印
const plugins = []
if(process.env.NODE_ENV === 'production'){
//exclude(忽略)
plugins.push('transform-remove-console',{"exclude": [ "error", "warn" ]})
}
module.exports = {
presets:[
'@vue/app'
],
plugins
}
3.可以在项目加载的开始比如在App.vue的文件中修改console.log方法
window.console.log = () => {}