vue安装babel-plugin-transform-remove-console插件，去除项目中所有console.log（）打印

前端在使用vue做项目，在做的过程中会使用console.log()来打印数据，vue在开发环境是允许出现console.log()打印的，在生成环境中，打包项目是不允许有console.log()打印了，做项目过程中忘记那些地方有使用打印了，项目一大，也就不好找了，这时我们可以使用babel-plugin-transform-remove-console插件来全部去掉打印

本插件可以去除以下两种格式打印

console.log("foo");
console.error("bar");

安装

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

配置

打开项目根目录下的babel.config.js文件，添加如下代码

"transform-remove-console"

完整代码

// 项目发布阶段需要用到label插件 'transform-remove-console'
const prodPlugins = []
if(process.env.NODE_ENV==='production'){
  prodPlugins.push('transform-remove-console');
}
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ],
    // 发布产品时候的插件数组
    ...prodPlugins
  ]
}

最后执行打包命令即可

npm run build