生产环境移出console

在开发中总少不了调试，说起调试我们可能控制台就有很多个console.log的打印，这些我们只想在测试的时候方便使用，而在生产环境中我们就不需要了，但是难道我们要动手一个一个的去删除吗？  ···  当然也不是不可以，只要你不嫌累，哈哈哈

其实我们可以借助webpage打包工具来帮助我们过滤掉console以及debugger，这样我们就不用一个个去找去删除了，方便了很多。

这是没有配置前打包的文件：

 这是配置后打包的文件：

 

下面就说说怎么操作吧：

1、首先如果你的cli 本本比较低的话需要下载相对应低一点的版本，不然会报如下错误：

这是我的包版本："terser-webpack-plugin": "^4.2.3",

下载命令：npm install -D terser-webpack-plugin@4.2.3

2、然后在项目中的vue-config.js 中进行配置

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

module.exports = {

  configureWebpack: {

    optimization: {

      minimizer: [

        new TerserPlugin({

          terserOptions: {

            compress: {

              drop_console: true,

              drop_debugger: true

            }

          }

        })

      ]

    }

  }

}