一、安装插件
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
]
};