【Vue console】如何去除vue項目中的console內容

一 、vue項目打包上線前總會遇到一個問題就是開發過程中遺留的console代碼，其實方法很簡單：

1. 下載依賴包

npm install babel-plugin-transform-remove-console --save-dev；

2. 下載成功後在根目錄的babel.config.js配置文件中，plugins數組中添加"transform-remove-console"即可。

不過這樣設置會使得開發階段也會屏蔽console，避免這種情況 這樣改：

二、 配置babel.config.js

在babel.config.js文件中：

// 所有生產環境
const prodPlugin = []
if (process.env.NODE_ENV === 'production') {

// 如果是生產環境，則自動清理掉打印的日誌，但保留error 與 warn
  prodPlugin.push([
    'transform-remove-console',
    {
      // 保留 console.error 與 console.warn
      exclude: ['error', 'warn']
    }
  ])
}
module.exports = {
   plugins: [
     ...prodPlugin
   ]
}