![](https://s2.loli.net/2022/10/09/31kvp8HRJuoBCfc.jpg)
SourceMap 定位错误
简单来说,Sourcemap 就是一个信息文件,它里面存储着代码转换前后的对应位置信息,也就是转换压缩后的代码所对应的转换前的源代码位置,是源代码和生产代码的映射, Sourcemap 解决了在打包过程中,代码经过压缩,去空格以及 babel 编译转化后,由于代码之间差异性过大,debug 困难的问题
SourceMap 总结
- 映射转换过后的代码和源代码之间的关系
- 代码中引入 // # sourceMappingURL=xxx.js.map 启用
- sourceMap 解决了源代码和运行代码不一致所产生的问题
- 不只是 js 文件有,css 文件也有
- 核心原理是 base64 vlq 编码
sentry 使用 webpack 上传 sourceMap 源文件定位错误到更详细具体的代码片段