可通过 import.meta 在构建时注入唯一追踪标识（如模块哈希），结合 performance.mark/measure 记录加载与执行时机，实现轻量无侵入的模块级调用链追踪；需构建时静态注入、运行时自动打点、聚合分析依赖图与性能瓶颈，并注意 ESM 动态导入限制及 HMR 重复打点问题。
可以通过 import.meta 在构建时注入唯一追踪标识（如模块哈希、路径指纹或调用序号），再结合运行时性能 API（如 performance.mark/measure）记录模块加载与执行时机，从而实现轻量、无侵入的模块级调用链追踪。
在构建阶段生成并注入模块标识
现代打包工具（Vite、Webpack、Rollup）支持在编译时读取模块路径或内容，并将唯一标识写入 import.meta。例如 Vite 中可通过插件向每个模块注入：
- Vite 插件中使用
transform钩子，对.js(x)/.ts(x)文件注入类似import.meta.__traceId = "mod-abc123"的静态字段 - 标识可基于文件绝对路径哈希（
createHash('sha256').update(filePath).digest('hex').slice(0,8)），确保相同模块 ID 一致，不同模块不重复 - 避免使用动态值（如时间戳、随机数），否则会破坏缓存和产物稳定性
运行时自动打点并关联调用上下文
在模块顶层或导出前，利用 performance.mark 记录加载/执行起始点，并尝试捕获调用者信息：
- 用
import.meta.__traceId作为 mark 名称前缀，例如performance.mark(`load:${import.meta.__traceId}`) - 若模块被动态
import()加载，可在then回调中立即打点，标记“开始执行”；同步模块则直接在顶层执行 - 通过
Error.stack或new Error().stack粗略提取上层调用模块（适用于开发环境调试，生产建议配合构建时静态分析）
聚合分析调用链与性能瓶颈
收集所有 mark/measurement 数据后，按 traceId 构建有向依赖图：
- 将
import.meta.__traceId视为节点 ID，解析源码中import或import()语句，建立“调用关系边”（需构建时静态扫描或运行时代理import） - 用
performance.getEntriesByName提取同 traceId 的多个 mark，计算模块初始化耗时、首次执行延迟等 - 结合
navigationStart或自定义全局 traceId，把模块加载嵌入到页面级 LCP、TTI 等指标中，定位慢模块对核心体验的影响
注意事项与边界处理
该方案轻量但有局限，需合理设定期望：
-
import.meta是只读对象，注入字段必须在构建时完成，运行时不可增删改 - ESM 动态导入的调用栈无法 100% 还原（浏览器不暴露
import()调用位置），建议配合 sourcemap 和构建产物映射表补全 - 避免在热更新（HMR）场景下重复打点，可加
if (!import.meta.hot)判断 - 生产环境建议压缩 traceId 字段名（如用
__t替代__traceId），减少包体积影响
