vue项目在打包时,如何去掉所有的console.log输出

一、安装插件

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

二、添加配置

在项目的babel.config.js的plugins中添加节点。但是如下配置无论在开发环境还是生产环境都会去掉所有的console.log输出语句。如过我们只想在生产环境才去掉console.log应该怎么配置呢？？？

module.exports = {
	presets: ["@vue/cli-plugin-babel/preset"],
	plugins: [
		"transform-remove-console"
	]
};

如下配置的console.log只在生产环境才被移除，开发环境保留

// 项目需要用到的babel插件
const allPlugins = [];
if (process.env.NODE_ENV === "production") {
	allPlugins.push("transform-remove-console");
}

module.exports = {
	presets: ["@vue/cli-plugin-babel/preset"],
	plugins: [
		[
			"component",
			{
				libraryName: "element-ui",
				styleLibraryName: "theme-chalk"
			}
		],
		// 插件数组
		...allPlugins
	]
};