1. auto-add-tags

auto-add-tags

说明

通过读取react、vue源码,获取AST,然后通过一定的规则动态的添加data标签,项目的初衷是为了标识埋点而创建

功能

  1. 自动对代码进行埋点
  2. check是否有重复埋点

快速使用

通过命令行的方式

 ## 在项目的根目录下输入aat,默认类型是react代码
aat
## 如果是vue项目
aat -t vue 

通过代码的方式方式调用

 const addTags = require("auto-add-tags")
// 默认react代码
addTags.main()
// 如果是vue项目
addTags.main({type: "vue"})

如果需要更高级别的定制,可以参考下面的选项

Reference

-d, --dir

The directory or file to be converted, the default is the current src directory

[string] [default: "src"]

-t, --type

The supported type is react by default, and you can also enter vue|react

[string] [default: "react"]

--tagName

Automatically insert tags, the default value is data-xt

[string] [default: "data-xt"]

--min

The starting value of automatically adding tags, the default value is 0

[number] [default: 0]

--max

The maximum value of automatically added tags, the default value is Number.MAX_SAFE_INTEGER

[number] [default: 9007199254740991]

-f, --force

force updates

[boolean] [default: false]

-e, --elementNames

Which components need to be tracked? not case sensitive,the default value is [link,a,route] -e link a route

[array] [default: ["a","link","route"]]

--eventNames

What events need to be tracked? not case sensitive。 the default value is [onclick,onsubmit] --eventNames onclick onsubmit
[array] [default: ["click", "submit", "change"]]

-c, --check

Check if there are duplicate tags

[boolean] [default: false]

-r, --resultFile

Insert point record
[string] [default: "tracePoint.json"]