【发布时间】：2017-10-01 00:40:32
【问题描述】：
在检查其他内容时，我发现http://getbootstrap.com/ 站点在浏览器中加载的文件较少。它是如何可能的，它的优点和缺点是什么。 enter image description here
【问题讨论】：
标签： css twitter-bootstrap less
【发布时间】：2017-10-01 00:40:32
【问题描述】：
所以我想你知道 LESS 是一个 CSS 编译器，令你惊讶的是 LESS 文件显示在开发工具中，而不是一些巨大的捆绑 CSS 文件？
这个魔法，与一个很棒的东西有关，叫做源地图。源映射允许浏览器指向特定的 LESS 或 SASS 文件，并准确显示代码的来源。考虑尝试调试一个设计并且浏览器说样式来自 style.css 中的第 2754 行，这对您没有好处，因为您的样式只是编译到 style.css 中，您需要知道在哪里进行更改你的 LESS 文件。
谢天谢地，这正是源地图发挥作用的地方。所以它们并没有真正加载到浏览器中，浏览器只知道 CSS 中的那段代码来自哪个 LESS 文件。
【讨论】：