扶摇网络

这个是source map文件。

因为bootstrap是用less写的，less会编译成css显示在页面上。

但有个麻烦，浏览器里看的都是css第几排，而你编辑的又是less文件，很难对上。

这个时候有了source map，浏览器里直接显示less，非常方便。

合并与压缩 JavaScript 和 CSS 的代码，是能为你的网站提升性能的最简单的举措之一。但是如果想要调试这些压缩过的文件，又会怎么样呢？那简直是噩梦了。但是别怕，眼前就有一个解决办法，它就是源代码映射。

源代码映射提供了一个映射，将压缩后的文件和原始文件联系起来。这就意味着 —— 借助一点软件的帮助 —— 就算是资源被压缩过，你也能很轻松的调试应用。Chrome 和 Firefox 开发者工具都内建支持源代码映射。

在这篇博客文章中，你将会学习到源代码映射是如何工作的，并且了解它们是怎么生成的。我们将主要关注 JavaScript 代码的源代码映射，但这些原则也适用于 CSS 源代码映射。

注：在 Firefox 的开发者工具里，源代码映射是默认开启的。而 Chrome 则需要手动的开启支持（自 Chrome 39 开始 Source Maps 也已经默认处于启用状态，译者注）。开启的方法是，启动 Chrome 的开发工具然后打开 Settings 面板（右下角的小齿轮）。在 General 标签中确保 Enable JS source maps 和 Enable CSS source maps 都被勾选了。

源代码映射是如何工作的

顾名思义，源代码映射包含了将压缩后文件代码映射回源代码的所有信息。你可以为每个压缩文件指定不同的源映射。

通过向被优化文件的底部添加一个特殊注释，你可向浏览器指示源代码映射可用。

//# sourceMappingURL=/path/to/script.js.map 复制代码

此注释通常由生成源代码映射的程序添加。只有在启用了对源代码映射的支持并打开开发工具时，开发者工具才会加载此文件。

通过响应对压缩的 JavaScript 文件请求的时带 X-SourceMap HTTP 首部的方式，你同样可以声明源代码映射可用。

X-SourceMap: /path/to/script.js.map