js 的 source map 会导致流量和带宽的浪费吗？

Question

jQuery 等代码，会增加 source map。我的问题是，这样会导致访问量大的时候，因为要载入 .map 文件，而导致流量和带宽的浪费吗？谢谢！

Answer 1

.map 是给调试器用的，只有 DEBUG 模式会加载 .map 文件。普通的浏览器应该不会傻了吧唧的把那么大的 .map 文件也下载到本地来。

如果浏览器把 .map 文件也下载，那前端工程师还费那么大劲去压缩 js 干嘛。

放心压缩吧，浏览器把这些问题都已经处理好了，在非 DEBUG 模式，浏览器是不会去加载 .map 文件的。

Answer 2

一般不会有问题。

map文件是用来辅助压缩后的js脚本调试用的，比如vs或者支持source map的浏览器等。

目前目测支持source map的浏览器只有chrome，另外fx下的firebug好像也支持。

但这个功能只在打开开发调试工具时才启用，普通的访问不会导致下载.map文件。

相关基础知识万能的@万能的阮一峰 http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html

Answer 3

无法想象，渲染引擎在日常浏览，没有特殊需求时会加载进来source map（因为没用啊！）

source map应该只在开启了调试时载入。

如果你真的很在乎访客误开调试工具浪费的那一丁点流量，那么：

• 常用库你可以用CDN，或库自己托管而把source map的URL改到CDN。
• 自己的库，部署的时候把source map指向访客不能达到的内部URL（甚至是本地文件系统路径）即可。

……要我觉得，99%时候这么做都是大费周章……。

Answer 4

只要不开 debug 模式，就不会加载。