12. 1 补充：关于 babel-plugin-transform-remove-console 插件

这个插件的作用是在项目发布上线阶段，去掉我们在开发阶段时进行测试的console.log（）

1. 关于使用

找到项目的babel.config.js，加入一句代码：

但是，如果只是加入这么一句话，其实无论是在项目的开发阶段serve还是发布阶段build，都会清除掉console.log。但是我希望哪些console.log能在开发阶段保留着。

2. 再进行如下修改

babel.config.js 中的代码如下：

// 这是项目发布阶段需要用到的babel插件
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
  ]
}

经过配置后，在开发阶段，可以看见控制台打印出来的东西，而在产品发布阶段就不会显示了