Javascript 源地图的用途是什么？

有人能解释一下源地图的意义吗？因为在我看来，我的连接和缩小的文件与100多个模块一起加载（谈论JavaScript）。当我加载的大小是以前的两倍时，这如何不影响性能？

因为只有在打开调试器时才加载sourcemap

---

未打开调试器的实际用户仍然可以从缩小中获益。

源代码映射是开发人员的工具。在小型源中发生错误时，了解原始源是可行的，这样您就可以跟踪错误的源

---

因此，源映射仅由调试器加载，默认情况下不会加载。但是，您应该考虑禁用生产环境的源映射，因为调试数据通常不应该在生产环境中：为了性能和（更重要的）安全性原因

，源映射的点是可以运行简化的JavaScript或转置的JavaScript。（它本身在调试器中不是特别可读的），但当您打开调试器时，调试器将加载源映射，并为您提供源的可读形式以进行调试。如果未为源映射调试配置浏览器，则不会加载源映射

如果您正在将代码从TypeScript或ES6向下传输到es5javascript，那么源映射也非常有用，这样您就可以看到最初在调试器中编写的实际代码，而不仅仅是传输和缩小的输出

在源代码映射出现之前，另一种选择是在站点上安装不同版本的站点或选项，这些站点或选项将加载非缩略JS，以便您可以使用普通符号进行调试，但这当然不是实际调试完全相同的代码，因此即使如此，您仍然需要尝试调试缩略代码

您可以了解如何在Chrome调试器中启用源地图。如果您正在查看浏览器下载的内容，请确保在检查源地图是否已下载时使用的浏览器未启用源地图