Vue-Cli3.0打包时如何去掉console打印信息

前言

我们在进行项目开发过程中，一般会用到console.log打印某些信息。但是如何生产环境打包时去掉所有consloe打印信息呢？以下是解决办法，也是自己一直使用的方法。

步骤

1. 安装插件 babel-plugin-transform-remove-console

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

2. 修改 babel.config.js（如果没有自己创建）
   

   请在根目录下创建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
   }

   然后打包好部署到生产环境，打开控制台，可以看到线上打印信息已经全被清除。