babel-plugin-transform-remove-console 插件的使用

插件的作用：

在项目 build 阶段把所有的 console 移除掉

插件的使用：

1、插件安装

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

2、声明插件，打开项目中 babel.config.js 文件

"plugins": [
	"transform-remove-console"
]

3、重新运行 build

修改方案

但是，babel.config.js 文件是全局共享的，不管是项目开发阶段（serve）还是项目发布阶段（build），这个配置文件都会生效。

此时，我们只希望在项目发布阶段移除所有的 console

解决方案：

	先定义一个空数组，然后判断当前项目是处于开发阶段还是处于发布阶段

// babel.config.js

// 这是项目发布阶段需要用到的 babel 插件
const prodPlugins = []
if (process.env.NODE_ENV === 'production') {
    prodPlugins.push('transform-remove-console')
}

module.exports = {
    "presets": [
        "@vue/app"
    ],
    "plugins": [
        [
            "component",
            {
                "libraryName": "element-ui",
                "styleLibraryName": "theme-chalk"
            }
        ],
        // 发布产品时候的插件数组
        ...prodPlugins
    ]
}

…proPlugin:
… ：展开运算符，把数组中的每一项展开了放到另一个数组中。