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

983 阅读1分钟

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

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

安装使用

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

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

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
  ]
}

参考

github.com/babel/minif…

我的博客和GitHub地址

github.com/lanpangzhi

blog.langpz.com