两个babel-loader的小插件

position-log

在项目开发中，往往会通过log输出来进行代码调试，可是当log过多时，有时又容易把log信息混淆。position-log通过文件名加行号帮你准确定位log位置，让你不再为log来自哪里烦恼：

用法

1、安装依赖
npm i position-log

2、添加webpack配置

const path = require('path');
const positionLog = require('position-log')

module.exports = {
  ...,
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'babel-loader',
            options:{
              plugins: [
                [positionLog]
              ]
            }
          }
        ]
      }
    ]
  },
  ...
}

效果示例

rm-log-plugin

在项目发布上线时，往往需要删除开发时打印的log输出避免信息泄漏，可是当log过多时，手动删除log不仅繁琐且容易遗漏。rm-log-plugin在打包时自动删除log，让你不再为此烦恼：

用法

1、安装依赖
npm i rm-log-plugin

2、添加webpack配置

const rmLog = require('../../packages/rm-log-plugin')

module.exports = {
 ...,
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'babel-loader',
            options:{
              plugins: [
                [rmLog]
              ]
            }
          }
        ]
      }
    ]
  },
 ...
}

效果示例

log已被删除，故此处没有图片。