babel-plugin-clear-log

背景

因为平时调试都有很多的log和debugger，所以就会导致上线的时候控制台出现很多log，为了控制台的整洁，便于后续排查问题，以及免除手动清除控制台，所以便需要写一个在打包到正式环境时自动去除log的插件。

安装

npm i @jomsou/babel-plugin-clear-log -D

使用

插件选项

| Param | Type | Default | Description | | --- | --- | --- | --- | | disable | Boolean | false | true为不起作用，false为起作用。 |

{
  "scripts": {
    "serve": "NODE_ENV=development vue-cli-service serve",
    "build": "NODE_ENV=production vue-cli-service build"
  },
}

.babelrc中的配置

{
  "plugins": [
    ["@jomsou/clear-log", {
      "disable": process.env.NODE_ENV === 'development'
    }]
  ]
}

babel.config.js配置

const clearConsolePlugin = require('@jomsou/babel-plugin-clear-log')

module.exports = {
  "plugins": [
    ["@jomsou/clear-log", {
      "disable": process.env.NODE_ENV === 'development'
    }]
}

webpack配置

rules: [
    {
      test: /\.js$/, use: {
      loader: 'babel-loader',
      options: {
        plugins: [
            ["@jomsou/clear-log", {
              "disable": process.env.NODE_ENV === 'development'
            }]
        ]
      }
    }, exclude: /node_modules/}
  ]
}

备注 当console出现在try...catch...的catch中，使用console.log('err', err)等包含/err/正则的写法，console.log不会被清除。

更新日志：

• 2020.12.01 完成v1.0.0版本
• 2020.12.05 增加vue、react项目中使用实例
• 2021.01.14 修复在.babelrc使用失败的问题
• 2021.03.04 完成v1.1.0版本，新增传入是否作用的参数disable
• 2021.07.01 完成v1.2.0版本，新增以上备注的点