twitter-bootstrap-3 - Bootstrap 3.x 中的 .map 文件有什么用？

Question

CSS 文件夹中包含两个文件扩展名为 .map 的文件。他们是:

bootstrap-theme.css.map
bootstrap.css.map

它们似乎是缩小的文件，但我不知道它们的用途。

Answer 1

来自Working with CSS preprocessors in Chrome DevTools :

Many developers generate CSS style sheets using a CSS preprocessor, such as Sass, Less, or Stylus. Because the CSS files are generated, editing the CSS files directly is not as helpful.

For preprocessors that support CSS source maps, DevTools lets you live-edit your preprocessor source files in the Sources panel, and view the results without having to leave DevTools or refresh the page. When you inspect an element whose styles are provided by a generated CSS file, the Elements panel displays a link to the original source file, not the generated .css file.