为什么使用jquery.min.map
如果:
jquery = 242 ko
jquery.min + jquery.min.map = 83 + 125 = 208 ko (the map is even greater than the library)
如果删除注释,我们将得到一个可以更容易阅读(和调试)的小型jquery。
那么,如果map
只会添加比100 ko
和额外请求更多的内容,为什么还要使用它呢?
什么是最佳做法?
发布于 2014-11-28 21:35:06
只有在开发人员工具处于活动状态时才加载源映射。浏览器不会为应用程序的用户加载它们。
编辑:应该指出有两种类型的源映射。一个是外部文件,在实际文件中有一个链接,另一个是嵌入主文件中的链接。实际上,浏览器必须加载第二种类型的整个文件(包括嵌入的源映射)。
有关更多信息,请查看https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/。
发布于 2014-11-28 21:35:18
这叫做源地图。这个answer详细介绍了它们是什么,它们是如何工作的,以及为什么要使用它。
编辑
从上面的链接中提取答案供后人参考。由@aaronfrost回答
.map文件用于已缩小的js和css文件。他们被称为SourceMaps。当您缩小一个文件,如angular.js文件,它需要数千行漂亮的代码,并将其转化为几行丑陋的代码。希望,当您将代码传送到生产中时,您使用的是小型化代码,而不是完整的、无限制的版本。当您的应用程序在生产中,并有一个错误,源地图将帮助您获取丑陋的文件,并将允许您看到原始版本的代码。如果您没有源地图,那么任何错误充其量都是神秘的。 CSS文件也是如此。一旦你拿一个SASS或更少的文件并将它编译成CSS,它看起来一点也不像它的原始形式。如果启用源代码映射,则可以看到文件的原始状态,而不是修改后的状态。 这是干什么用的? 去引用丑陋的代码 开发人员如何使用它? 您可以使用它来调试生产应用程序。在开发模式下,您可以使用完全版本的角。在生产中,您将使用小型化版本。 我应该关心创建一个js.map文件吗? 如果您关心能够更容易地调试生产代码,那么是的,您应该这样做。 是如何创建的? 它是在构建时创建的。有一些构建工具可以像其他文件一样为您构建.map文件。https://github.com/gruntjs/grunt-contrib-uglify/issues/71
https://stackoverflow.com/questions/27196117
复制相似问题