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

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

它们看起来是缩小版的文件,但我不知道它们是干什么用的。


当前回答

您是否曾经发现自己希望在不影响性能的情况下,即使在组合和缩小客户端代码之后,也能保持其可读性,更重要的是可调试性?现在您可以通过源映射的魔力。

本文使用一种实用的方法解释源映射。

其他回答

如果你只是想摆脱这个错误,你也可以在bootstrap.css中删除这一行:

/*# sourceMappingURL=bootstrap.css.map */

映射文件(源映射)用于去引用最小化的代码(css和javascript)。

它们主要用于帮助开发人员调试生产环境,因为开发人员通常在生产环境中使用最小化的文件,这使得调试变得不可能。映射文件帮助他们取消对代码的引用,以查看原始文件的样子。

这些是源地图。将这些文件与压缩源文件一起提供;Firefox和Chrome等开发工具将使用它们来进行调试,就像代码没有被压缩一样。

您是否曾经发现自己希望在不影响性能的情况下,即使在组合和缩小客户端代码之后,也能保持其可读性,更重要的是可调试性?现在您可以通过源映射的魔力。

本文使用一种实用的方法解释源映射。

什么是CSS映射文件?

它是一个JSON格式的文件,将CSS文件链接到它的源文件,通常是在预处理器中编写的文件(即Less, Sass, Stylus等),这是为了从web浏览器对源文件进行实时调试。

什么是CSS预处理器?例子:Sass, Less, Stylus

它是一个CSS生成器工具,使用编程能力来健壮而快速地生成CSS。