build时自动清除console

一、第一种方法

1. 安装 babel-plugin-transform-remove-console
2. 修改 babel.config.js 文件

let transformRemoveConsolePlugin = []

if (process.env.NODE_ENV === 'production') {

  transformRemoveConsolePlugin = ['transform-remove-console']

}

module.exports = {

  plugins: [

    ...transformRemoveConsolePlugin

  ]

}

二、第二种方法

1.安装 terser-webpack-plugin

2.修改 babel.config.js 文件

const TerserPlugin = require('terser-webpack-plugin')

module.exports = {

  configureWebpack: config => {

    config

      .optimization = {

        minimizer: [

          new TerserPlugin({

            terserOptions: {

              compress: {

                drop_console: true

              }

            }

          })

        ]

      }

  }

}