vue-cli4配置生产环境删除console.log

使用 babel-plugin-transform-remove-console 插件去配置删除console.log

安装使用

1
2
3
npm install babel-plugin-transform-remove-console --save-dev
or
yarn add babel-plugin-transform-remove-console -D

然后找到src下面的babel.config.js文件修改

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const prodPlugins = []
// 生产环境添加plugins，排除console.error 和console.warn
if (process.env.NODE_ENV === 'production') {
  prodPlugins.push(["transform-remove-console", { "exclude": [ "error", "warn"] }])
}

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    ...prodPlugins
  ]
}

参考

https://github.com/babel/minify/tree/master/packages/babel-plugin-transform-remove-console