跳到主要内容

前端工程 · 调试

Source Map

也叫:源码映射、sourcemap、调试映射

把压缩、打包后的代码映射回原始源码行列,便于线上排错与本地调试。

详细解释

生产环境 JS 通常压缩且合并,报错栈会变成看不懂的一行。Source Map 告诉浏览器或错误监控:「压缩文件第 1 行第 28403 列 ≈ 源码 Button.tsx 第 42 行」。

注意保密:公开网站若直接暴露 source map,等于公开前端源码。常见做法是上传到错误监控服务并不对公众开放,或仅在预览环境启用。

本地开发时 source map 几乎总是开启的;生产要显式配置。

开发者信息
术语 ID
eng-sourcemap
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/10/05