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
  ]
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。