源地图的目的是什么？

Question

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

Answer 1

因为您只在打开调试器时加载源图。

不打开调试器的实际用户仍然可以获得缩小的好处。

Answer 2

源映射的要点是你可以运行缩小的Javascript（在调试器中它本身并不是特别易读），但是当你打开调试器时，源映射由调试器加载并且它给你一个可读的用于调试目的的源代码形式。如果没有为源映射调试配置浏览器，则不会加载源映射。

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

源映射日之前的替代方案是必须在您的站点上拥有您的站点或选项的单独版本，这些版本将加载非缩小的JS，以便您可以使用普通符号进行调试，但这当然不是调试完全相同的代码，即使这样，这仍然可能让你不得不尝试调试缩小的代码。

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

Answer 3

源地图是一种开发者工具。在缩小的源中发生错误时，了解原始源是很实际的，因此您可以追踪错误的来源。

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