shd-utils

一款强大的前端辅助工具，包含前端监控插件、常用方法等。

安装

npm install shd-utils

使用方法

方式 1：通过主包导入

// ES Modules
import { monitorSdk } from "shd-utils";

// CommonJS
const { monitorSdk } = require("shd-utils");

方式 2：通过子路径直接导入（推荐，减小打包体积）

// ES Modules
import * as monitorSdk from "shd-utils/monitor-sdk";

// CommonJS
const monitorSdk = require("shd-utils/monitor-sdk");

功能特性

• 监控 SDK：提供错误监控、用户行为追踪、路由变化监控、屏幕录制等功能

监控 SDK 使用示例

import { monitorSdk } from "shd-utils/monitor-sdk";

// 创建监控实例
const monitor = new monitorSdk.FrontendMonitor({
  projectId: "shd-web",
  endpoint: "/api/custom/monitor", // 自定义上报地址
  reportInterval: 5000, // 5秒上报一次
  enableAutoReport: true, // 自动启动上报
  captureError: true, // 开启错误监控
  captureClick: true, // 关闭点击监控
  recordScreen: true, // 关闭屏幕录制
  maxScreenRecordingSize: 1024, // 最大录频数据大小(KB)
  enableScreenRecordingChunking: true, // 启用分片上报
  chunkSize: 500, // 分片大小(KB)
});