原文鏈接:Vue-Cli3.0打包時(shí)如何去掉console打印信息
前言
我們?cè)谶M(jìn)行項(xiàng)目開發(fā)過程中,一般會(huì)用到console.log打印某些信息牺蹄。但是如何生產(chǎn)環(huán)境打包時(shí)去掉所有consloe打印信息呢忘伞?以下是解決辦法,也是自己一直使用的方法沙兰。
步驟
1.安裝插件 babel-plugin-transform-remove-console
npm install babel-plugin-transform-remove-console --save
2.改 babel.config.js(如果沒有自己創(chuàng)建)
new-babel.jpg
請(qǐng)?jiān)诟夸浵聞?chuàng)建babel.config.js
const plugins = []
if (process.env.NODE_ENV === 'production') {
//exclude(忽略)
plugins.push(["transform-remove-console", { "exclude": ["error", "warn"] }])
}
module.exports = {
presets: [
'@vue/app'
],
plugins
}
后打包好部署到生產(chǎn)環(huán)境氓奈,打開控制臺(tái),可以看到線上打印信息已經(jīng)全被清除鼎天。