在開發(fā)的過程中相信大家一般都會(huì)在代碼中加入一些console來幫助開發(fā)坛芽，但是在我們的代碼發(fā)布到正式環(huán)境的時(shí)候我們又不希望在控制臺(tái)能看到那些輸出冠蒋。
1.一種方法就是在打正式包之前把代碼里的console語句刪掉或者注釋掉
2.這種方法需要簡(jiǎn)單配置一下項(xiàng)目
npm install babel-plugin-transform-remove-console
修改 babel.config.js
// 生產(chǎn)環(huán)境下清除console打印
const plugins = []
if(process.env.NODE_ENV === 'production'){
plugins.push('transform-remove-console')
}
module.exports = {
presets:[
'@vue/app'
],
plugins
}
注意：如果不想清除 console.error 和 console.warn 的話乾巧， 可以這樣：
// 生產(chǎn)環(huán)境下清除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.可以在項(xiàng)目加載的開始比如在App.vue的文件中修改console.log方法
window.console.log = () => {}