美文网首页
vue项目中线上环境去掉console.log

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

作者: 北暖37 | 来源:发表于2020-07-23 16:09 被阅读0次

    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

          本文链接:https://www.haomeiwen.com/subject/gvshlktx.html