当vue-cli在ui界面任务下进行build生成生产环境代码时，如果碰到有console类型的语句，是会报错的。
这个时候，我们呢，希望达到一个效果就是：
在development环境的时候，要执行对应的console语句；
在production环境下，则不要执行对应的console语句；
如何达到？
可以使用nodejs的逻辑判断语句和对应的babel插件：babel-plugin-transform-remove-console
具体使用步骤，通过vue对应的ui界面，切换到“依赖”界面
搜索对应的开发依赖，直接安装即可。
安装完毕后，在项目根目录下创建bebel.config.js文件进行设置，如红框内，添加上字符串’transform-remove-console’
但是，如果这样做的话，无论是在production、还是delvelopment环境下，babel插件都会主动去移除console语句。
我们需要一个办法去判断编译的时候，到底是在production环境下还是在development环境下。
这时候就需要一个变量：process.env.MODE 就能准确知道当下运行环境，所以我们需要用到一些逻辑判断的代码动态配置babel的配置文件，如下图所示。
这个时候，如果要看效果的话，那么要注意了，需要在development环境下重启app，这样才能看到效果。