源地图的目的是什么？

Question

有人可以解释源地图的重点吗？因为在我看来,我的连接和缩小文件被加载(谈论JavaScript),以及100多个模块.当我加载的尺寸是以前的两倍时,这对性能有何影响？

Answer 1

源映射的重点是您可以运行缩小的 Javascript 或转译的 Javascript（它本身在调试器中不是特别可读），但是当您打开调试器时，源映射由调试器加载并为您提供可读的用于调试目的的源代码形式。如果浏览器未配置源映射调试，则不会加载源映射。

如果您将代码从 TypeScript 或 ES6 转换为 ES5 Javascript，源映射也非常有用，这样您就可以看到您最初在调试器中编写的实际代码，而不仅仅是转换和缩小的输出。

在源地图时代之前的替代方案是在您的网站上拥有单独版本的站点或选项，这些版本将加载非缩小的 JS，以便您可以使用普通符号进行调试，但这当然实际上并不是调试完全相同的代码所以即便如此，这仍然可能让您不得不尝试调试缩小的代码。

您可以在此处阅读有关如何在 Chrome 调试器中启用源映射的信息。如果您正在查看浏览器下载的内容，请确保您使用的浏览器在检查是否已下载时未启用源映射。

Answer 2

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

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