前端工程 · 调试
Source Map
也叫:源码映射、sourcemap、调试映射
把压缩、打包后的代码映射回原始源码行列,便于线上排错与本地调试。
详细解释
生产环境 JS 通常压缩且合并,报错栈会变成看不懂的一行。Source Map 告诉浏览器或错误监控:「压缩文件第 1 行第 28403 列 ≈ 源码 Button.tsx 第 42 行」。
注意保密:公开网站若直接暴露 source map,等于公开前端源码。常见做法是上传到错误监控服务并不对公众开放,或仅在预览环境启用。
本地开发时 source map 几乎总是开启的;生产要显式配置。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-sourcemap- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/10/05