Skip to content

SourceMap 定位错误

简单来说,Sourcemap 就是一个信息文件,它里面存储着代码转换前后的对应位置信息,也就是转换压缩后的代码所对应的转换前的源代码位置,是源代码和生产代码的映射, Sourcemap 解决了在打包过程中,代码经过压缩,去空格以及 babel 编译转化后,由于代码之间差异性过大,debug 困难的问题

SourceMap 总结

  • 映射转换过后的代码和源代码之间的关系
  • 代码中引入 // # sourceMappingURL=xxx.js.map 启用
  • sourceMap 解决了源代码和运行代码不一致所产生的问题
  • 不只是 js 文件有,css 文件也有
  • 核心原理是 base64 vlq 编码

sentry 使用 webpack 上传 sourceMap 源文件定位错误到更详细具体的代码片段

参考资料