可通过编写babel插件在编译期自动识别sdk关键方法调用（如初始化、请求、上报），在其前后插入性能打点逻辑，实现零侵入、可配置的运行时性能埋点。
可以通过编写 Babel 插件，在编译期自动识别 SDK 的关键方法调用（如初始化、请求、上报等），并在其前后插入性能打点逻辑，实现零侵入、可配置的运行时性能埋点。
明确目标 SDK 的调用特征
不同 SDK 的使用方式差异较大，需先梳理其典型调用模式，例如：
- 初始化：如 APM.init(config)、Sentry.init(options)
- 核心方法：如 AliyunHttpDns.init()、MPRemoteLogger.reportStartupTime()
- 异步操作：如 fetch() 或封装后的 http.request()，若该 SDK 提供了统一网络入口
这些是插件需要匹配和处理的 AST 节点锚点。重点不是“所有函数”，而是 SDK 暴露给业务侧的、有明确语义的入口方法。
基于 AST 遍历精准匹配调用节点
在 Babel 插件的 CallExpression 访问器中，通过路径分析判断是否为目标 SDK 调用：
- 检查 callee 是否为标识符（如
init）且其上级为已知导入名（如APM、Sentry） - 或匹配完整调用路径，如
MPRemoteLogger.reportStartupTime—— 需解析 MemberExpression 链 - 支持多种导入形式：命名导入（
import { APM } from '@aliyun/apm'）、默认导入（import Sentry from '@sentry/browser'）、甚至全局变量（window.Sentry）
避免误伤：需结合作用域（path.scope）确认该标识符确实来自目标模块，而非同名的本地变量。
注入打点代码并保留原始语义
在匹配到的目标调用前后插入性能标记逻辑，常见策略包括：
-
前置打点：插入
const start = performance.now();或调用统一打点函数_perfMark('APM.init:start') -
后置打点：在调用表达式外层包裹 IIFE 或 try-finally，确保无论成功失败都能记录耗时，例如：
(() => { const s = performance.now(); try { APM.init(cfg); } finally { _perfMark('APM.init:end', performance.now() - s); } })() -
结果增强：对返回 Promise 的方法（如
AliyunHttpDns.init()），可链式添加.then().catch()记录状态与耗时
所有注入代码应使用 @babel/types 构造，确保语法正确、兼容 TypeScript 和 JSX；不直接拼字符串。
支持灵活配置与项目适配
插件行为应可通过选项控制，提升复用性：
- 指定 SDK 模块名列表（
['@aliyun/apm', '@sentry/browser']） - 定义方法白名单（
{ '@aliyun/apm': ['init', 'start'], '@sentry/browser': ['init'] }） - 启用/禁用异步链路追踪（是否自动包装 Promise 返回值）
- 自定义打点函数名或上报方式（如调用
console.time()或项目已有perfLog()）
配置项通过插件 factory 函数传入，最终生成定制化的 visitor 对象，避免硬编码绑定具体 SDK。
