1.1.2 • Published 2 years ago
vitegil v1.1.2
Vitegil SDK
工具使用
安装
pnpm i vitegil-sdk
引入项目
以 Vue.js 项目为例,在 App.vue 中,你可以使用如下代码引入 Vitegil SDK:
import Tracker from 'vitegil-sdk'
// ...
mounted () {
// ...
new Tracker({
requestUrl: `${YOUR_REQUEST_URL}`,
historyTracker: true,
domTracker: true,
jsError: true,
lazyReport: true,
timeTracker: true,
deviceTracker: true,
})
}
功能介绍
获取页面加载时间
timeTracker
属性设置为 true
,同时开启 lazyReport
,在页面关闭前会自动将页面加载时间返回。
注意 计算页面加载时间至少需要 2.5 秒,若用户在计算过程中关闭页面,则不能获得响应数据。
项目开发
安装依赖
pnpm i
打包 + 监听
打包并监听源文件,若检测到改动,则重新打包
pnpm dev
打包
使用 rollup 配置文件打包
pnpm build
文件目录
.
├── src
│ ├── core # 核心代码目录
│ ├── lib # 业务代码目录
│ ├── types # 类型定义目录
│ └── utils # 工具文件目录
├── LICENSE
├── README.md
├── index.html # 测试页面
├── package.json # 项目配置文件
├── pnpm-lock.yaml
├── rollup.config.js # rollup 配置文件
└── tsconfig.json