sourcemap曳光弹 - 实现在线错误定位至源代码

本文由读者Ludwig酱投稿，非著名非典型的Web开发者，秉持简单可依赖的技术理念，热衷于编程与写作
掘金地址： https://juejin.cn/post/7342279484488728626

日前阅读到贵号分享的一篇文章《如何在线上使用 SourceMap》，该文系统地介绍了如何将线上生成的错误信息与sourcemap进行关联，从而实现更高效的问题定位。

在日常开发、调试及生产环境中，我也经常借助sourcemap进行问题排查，原因很简单，直接在源代码中设置断点的方式既直观又便捷。

在《如何在线上使用 SourceMap》这篇文章中，实际上暗含了一个重要的使用前提条件——“开发者已经成功复现了该错误”。文中所描述的sourcemap与源码之间的联系方式，是基于开发者通过浏览器加载sourcemap，并在devtools中进行调试的场景。然而，在某些特定情境下，这一前提可能并不成立。

不知道大家是否经历过这样的情况：团队缺乏整体技术架构设计，多年来只是简单地不断叠加功能，并且技术基础设施也较为薄弱。面对出现的错误信息，甚至是线上环境中的报错问题时，往往采取一种“闭眼当黑天”的态度。很多时候依靠多年积累的经验（通常是上线前的需求变更等），通过一系列曲折的操作流程，并辅以一定的运气因素才能找到问题的根本原因。

但好