在前端开发的世界中，调试源码是一项不可或缺的技能。特别是当我们使用如 Solid 这样的现代 JavaScript 框架时，深入理解其内部机制对于优化应用性能和解决问题至关重要。
对于 JavaScript 文件，我们可以直接在浏览器的开发者工具中进行调试。然而，Solid 是使用 TypeScript 编写的，在浏览器中直接调试 TypeScript 源码暂时是没办法的。TypeScript 代码在运行前需要被编译成 JavaScript，而这一过程往往伴随着代码的压缩和混淆，使得源码与执行代码之间的直接对应关系变得模糊。
为了解决这个问题，我们需要一种方法来在编译后的 JavaScript 文件和源码之间建立联系。这就是 sourcemap 的关键作用所在：它作为一个桥梁，允许我们在浏览器的开发者工具中查看和调试源码，即使实际运行的是编译后的 JavaScript 代码。
在本文中，我们将深入探讨如何有效地利用 sourcemap 进行 Solid 源码的调试，并探索一些通用的调试技巧，这些技巧同样适用于其他现代 JavaScript 框架。
Source map 是一种映射文件，它记录了转换后代码与原始源代码之间的对应关系。这种映射使得开发者能够在浏览器中直接调试原始的 JavaScript/TypeScript 代码，而不是压缩混淆后的 JavaScript 代码。
通过 sourcemap 文件，当进行打印或报错提示时，会显示源码的位置信息，而不是转换后代码的位置。
当然，这也是得利于 Chrome 浏览器的支持，我们可以在控制台的设置中看到 JavaScript source maps 的选项，来启用该功能（默认是开启的）。
在编译过程中生成 sourcemap 文件，并在打包后的 JavaScript 文件尾部中通过以下注释指定其位置：
//# sourceMappingURL=path/to/your/sourcemap.map
这个路径既可以是本地路径，也可以是网络上的资源路径。
Source map 文件通常包含以下属性：
version：sourcemap 版本