vue cli4 生产环境移除console

很多时候，我们在开发的过程中会通过console.log()打印一些信息进行调试，同时为了方便以后的调试经常懒得删了或者注释掉这些console，但是这些信息在生产环境的控制台展示出来有不太优雅，所以我们可以通过安装babel-plugin-transform-remove-console这个npm包和在babel.config.js中添加配置来将生产环境中的console移除调。

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

// 在babel.config.js中添加配置
const prodPlugins = [];
// 根据环境变量判断是否移除console
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'
      }
    ],
    // 生产环境打包需要配置的pulgins数组
    ...prodPlugins
  ]
}