为什么使用jquery map？

Question

为什么使用jquery.min.mapif:

jquery = 242 ko
jquery.min + jquery.min.map = 83 + 125 = 208 ko (the map is even greater than the library)

如果我们删除注释,我们将得到一个更容易阅读(和调试)的小jquery.

那么,为什么使用mapif它只会添加更多100 ko请求？

什么是最佳做法？

Answer 1

仅在开发人员工具处于活动状态时才加载源映射.浏览器不会为应用程序的用户加载它们.

编辑:应该提到有两种类型的源地图.一个是外部文件,在实际文件中有一个链接,另一个嵌入在主文件中.浏览器实际上必须为第二种类型加载整个文件(即包括嵌入的源映射).

有关详细信息,请查看https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/.

Answer 2

这就是所谓的源映射。这个答案详细介绍了它们是什么、它们是如何工作的以及为什么要使用它。

编辑

从上面的 SO 链接中为后代提取答案。由@aaronfrost回答

.map 文件用于已缩小的 js 和 css 文件。它们被称为 SourceMap。当你缩小一个文件时，比如 angular.js 文件，它需要数千行漂亮的代码，然后把它变成只有几行丑陋的代码。希望当您将代码交付到生产环境时，您使用的是缩小版的代码，而不是完整的未缩小版。当您的应用程序在生产中并出现错误时，源映射将帮助您获取丑陋的文件，并允许您查看代码的原始版本。如果您没有源映射，那么任何错误充其量看起来都是神秘的。

CSS 文件也是如此。一旦你将一个 SASS 或 LESS 文件编译成 CSS，它看起来就不像它的原始形式。如果启用 sourcemaps，那么您可以看到文件的原始状态，而不是修改后的状态。

它是做什么用的？

取消引用丑化代码

开发人员如何使用它？

您可以使用它来调试生产应用程序。在开发模式下，您可以使用完整版的 Angular。在生产中，您将使用缩小版本。

我应该关心创建一个 js.map 文件吗？

如果您关心能够更轻松地调试生产代码，那么是的，您应该这样做。

它是如何创建的？

它是在构建时创建的。有一些构建工具可以像构建其他文件一样为您构建 .map 文件。https://github.com/gruntjs/grunt-contrib-uglify/issues/71