说明
通过读取react、vue源码,获取AST,然后通过一定的规则动态的添加data标签,项目的初衷是为了标识埋点而创建
功能
- 自动对代码进行埋点
- 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"]