自动埋点工具

在使用React框架的项目中，安装该工具并执行相关命令，可在代码中自动加上data-tip-id属性，减少手动埋点过程。

使用方法

下载

npm i tips-burypoint-cli --save-dev

初始化

tips-bp init

初始化生成tips.config.js文件，可进行相关配置。

开始埋点

tips-bp start

埋点介绍

为了避免层层嵌套的标签埋点，以下几种情况不埋点

• 1、标签的子节点只有JSXElement

<div>
  <span>我的父元素不埋点</span>
  <span>我的父元素不埋点</span>
</div>

• 2、标签的子节点只有CallExpression

<div>{render()}</div>

• 3、标签的子节点只有ConditionalExpression

<div>{a ? <span>我是真</span> : <span>我是假</span>}</div>

• 4、标签的子节点只有LogicalExpression

<div>
  {
    a && <span>我是真</span>
  }
</div>

• 5、标签有特殊属性tips-bp-ignore的不埋点

<div tips-bp-ignore>
  {
    a && <span>我是真</span>
  }
</div>