简介
karma-source-map-support 是一个 NPM 包，可以帮助前端开发者在 Karma 测试框架中使用 source maps 来调试 JavaScript 代码。它通过解析异常信息中的 source map 信息，将异常信息转换为源代码位置，从而更容易地找到错误。
安装
在命令行中输入以下命令安装 karma-source-map-support：
npm install --save-dev karma-source-map-support
安装完成后，在 karma.conf.js 配置文件中引入 karma-source-map-support，如下所示：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
----- ---- ---
-------- -
------------------------
----------------
-------------------------- -- -- ------------------------ --
--
----- ---- ---
-------------- -
---------- ------------- -- -- --------- ----
--
----- ---- ---
---
--上述代码中，preprocessors 配置项指定了对所有 js 文件都启用 sourcemap 预处理器。这样，Karma 在执行测试之前就会自动加载 source map，以便更好地捕获错误信息。
示例
假设有以下 JavaScript 代码：
-- -------------------- ---- -------
-------- ------ -- -
------ - - --
-
--------------- ---------- -
---------- --- --- --------- ---------- -
------------- ------------
---
---如果在 add 函数中加入一个错误，如下所示：
-- -------------------- ---- -------
-------- ------ -- -
------ - - -- -- - - -- -
-
--------------- ---------- -
---------- --- --- --------- ---------- -
------------- ------------
---
---然后运行 Karma 测试，并且没有启用 source map 的情况下，Karma 将会报告以下错误：
PhantomJS 2.1.1 (Linux 0.0.0) add should add two numbers FAILED
Expected 2 to be 3.
at Object.<anonymous> (/path/to/spec.js:5:20)这里的错误信息并没有包含源代码位置，难以准确地定位错误。但是，如果启用了 karma-source-map-support，就可以看到更详细的错误信息。在上述代码中加入启用 source map 的配置之后，再次运行 Karma 测试，Karma 将会报告以下错误：
PhantomJS 2.1.1 (Linux 0.0.0) add should add two numbers FAILED
Expected 2 to be 3.
at /path/to/source.js:2:11 <- /path/to/spec.js:5:20这里的错误信息包含了源代码位置，可以更容易地找到错误。
总结
karma-source-map-support 是一个十分有用的 NPM 包，可以帮助前端开发者更轻松地使用 source maps 来调试 JavaScript 代码。通过解析异常信息中的 source map 信息，将异常信息转换为源代码位置，可以更容易地找到错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/52813