在前端开发中，当出现错误时，我们往往需要查看调用栈信息来解决问题。但是，由于 JavaScript 的异步特性和调试工具的限制，调用栈信息往往不够清晰。此时，npm 包 stack-mapper 可以帮助我们自动地将错误堆栈转换成易于理解的格式。
安装
可以通过 npm 安装 stack-mapper：
--- ------- ------------
使用
在需要使用 stack-mapper 的文件中导入：
----- ----------- - ------------------------
然后，创建一个 StackMapper 实例并传入调用栈信息：
----- ----------- - --- -------------------
其中，stack 是原始的调用栈信息，可以通过 new Error().stack 获取。
接下来，我们可以使用 map() 方法将调用栈转换成易于理解的格式。例如：
-------------------------------
运行结果如下所示：
------ ---- -----
-- ------------------ -----------------------
-- --------------- ----------------------------------------
-- ----------------------------- ----------------------------------------
-- ----------- ---------------------------------------
-- --------------------- ---------------------------------------
-- ------------------------------ --- -------- ------------------------------------
-- --------------------------------------我们还可以使用 mapWithSourceMaps() 方法来将调用栈转换成包含源代码位置信息的格式。此时，需要传入一个参数，该参数是一个对象，其属性为文件名，值为源代码与编译后代码之间的映射关系。
例如，假设我们有以下的源代码和编译后代码：
-- ------------ -------- ------ - ----- --- ----------- -------- - ------- -- ------------------ - ---------- -- ------- ---------- ---------- ------------ -------- --- ----------- ------------------------------------ -
那么，我们就可以这样使用 mapWithSourceMaps() 方法：
-------------------------------------------
---------- -
---- -------------------
---- -
-------- --
----- ----------
-------- ------------
------ ---
--------- ------------------------------------
-
-
----运行结果如下所示：
------ ---- -----
-- ---- -----------------------
-- ------------------ ----------------------
-- --------------- ----------------------------------------
-- ----------------------------- ----------------------------------------
-- ----------- ---------------------------------------
-- --------------------- ---------------------------------------
-- ------------------------------ --- -------- ------------------------------------
-- --------------------------------------扩展阅读
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/50311