vue项目中线上环境去掉console.log

vue-cli:2.5
在vue项目本地调试过程中,为了查找问题,我们在代码里会写比较多的console代码,然后打包发布的过程中,做删除这个动作又太麻烦,所以可以利用webpack的插件,解决这个问题。

// 先安装插件
cnpm  i   babel-plugin-transform-remove-console --save-dev

// 然后在babel.config.js中添加判断
const prodPlugin = []

if (process.env.NODE_ENV === 'production') {
// 如果是生产环境,则自动清理掉打印的日志,但保留error 与 warn
  prodPlugin.push([
    'transform-remove-console',
    {
      // 保留 console.error 与 console.warn
      exclude: ['error', 'warn']
    }
  ])
}

module.exports = {
  'presets': [
    '@vue/app'
  ],
  'plugins': [
    [
      'import',
      {
        'libraryName': 'ant-design-vue',
        'libraryDirectory': 'es',
        'style': true
      },
      'ant-design-vue'
    ],
    ...prodPlugin
  ]
}

你可能感兴趣的:(vue项目中线上环境去掉console.log)