526互联

babel-plugin-enhance-log插件使用

发布时间 2023-06-05 10:20:14作者: simonalwayson

一个用来为console.log添加代码行数，log参数名以及添加分隔符的插件

# 1.安装插件

npm i babel-plugin-enhance-log -D
# or
yarn add babel-plugin-enhance-log -D
# or
pnpm add babel-plugin-enhance-log -D

# 2.在babel.congfig.js中添加插件：

// babel.config.js
module.exports=() => {
    return {
        plugins:['enhance-log', ...],
    }
}

# 3.插件的options

interface Options {
    preTip?: string, // 打印的前缀提示，方便快速找到log，默认为??????????
    splitBy?: string, // 每个参数分隔符，默认空字符串，可以使用换行符\n
    endLine?: boolean, // 是否需要endLine，默认为false
}

# 4.使用插件options配置

　　在插件第二个参数配置即可

// babel.config.js

/** @type {import('babel-plugin-enhance-log').Options} */  //配置添加类型提示
const enhanceOption = {
    preTip: '??????????', // default
    splitBy:' ', // default
    endLine: false // default
}

module.exports = {
    plugins:[
        ['enhance-log', enhanceOption],
        ...
    ]
}

 

参考地址：

　　https://github.com/baozouai/babel-plugin-enhance-log/blob/HEAD/README-zh_CN.md

　　https://www.npmjs.com/package/babel-plugin-enhance-log