sourcemap自不必多说, 是对构建sourcemap的显式声明
我们来逐一过一下其他的元素
inline-|hidden-|eval
a....eval: 使用eval包裹生成的模块, 利用浏览器对eval语法的支持,可以跳过sourcemap的构建过程节省性能,并且关联到代码支持调试(不过是编译后的代码) 之所以可以如此, 是因为浏览器大多都实现了一个对于使用..., 则会得到整体的sourcemap, 这显然是我们更加需要的
自助式消费sourcemap
在端出咱们的“解决方案”之前, 我们再来确定一下问题的现状和目标
我们的场景和问题是:
不知道复现步骤, 或因为各种原因无法在本地复现报错..., 对错误处于半抓瞎状态
没有对应的sourcemap资源, 或者sourcemap缺乏管理
只有线上报错信息
需要再补充一下, 至少需要报错的堆栈信息, 如果连这个都没有, 那就真的是身处黑暗森林了...在得到这个信息后, 我们可以在本地切出这份代码, 然后在编译生成sourcemap
Step2: 自己消费sourcemap, 得到报错对应的源代码
到这一步我们手里有两个资源
报错的堆栈信息, 一般是编译产物