vue 生產環境刪除console.log

開發環境為了調試，會添加大量的console.log，但如果console.log提交到生產環境里面，

不僅僅會影響到代碼執行性能，而且可能會泄露一些核心數據，所以我們更希望的是在生產環境，

將所有的console.log清除掉，怎么做呢？

方法1

1.安裝插件

需要安裝babel-plugin-transform-remove-console插件

yarn add babel-plugin-transform-remove-console -D

2.配置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
   ]
}

方法2

打開build文件夾下 webpack配置 生產環境下的 webpack.prod.conf.js文件

1.定義插件

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

2.使用