CSS文件夹中包含两个扩展名为.map的文件。它们是:
bootstrap-theme.css.map
bootstrap.css.map
它们看起来是缩小版的文件,但我不知道它们是干什么用的。
CSS文件夹中包含两个扩展名为.map的文件。它们是:
bootstrap-theme.css.map
bootstrap.css.map
它们看起来是缩小版的文件,但我不知道它们是干什么用的。
当前回答
什么是CSS映射文件?
它是一个JSON格式的文件,将CSS文件链接到它的源文件,通常是在预处理器中编写的文件(即Less, Sass, Stylus等),这是为了从web浏览器对源文件进行实时调试。
什么是CSS预处理器?例子:Sass, Less, Stylus
它是一个CSS生成器工具,使用编程能力来健壮而快速地生成CSS。
其他回答
对于任何来这里寻找这些文件的人(比如我),你通常可以通过在URL末尾添加.map来找到它们:
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map
请务必将版本替换为您正在使用的Bootstrap的任何版本。
如果你只是想摆脱这个错误,你也可以在bootstrap.css中删除这一行:
/*# sourceMappingURL=bootstrap.css.map */
什么是CSS映射文件?
它是一个JSON格式的文件,将CSS文件链接到它的源文件,通常是在预处理器中编写的文件(即Less, Sass, Stylus等),这是为了从web浏览器对源文件进行实时调试。
什么是CSS预处理器?例子:Sass, Less, Stylus
它是一个CSS生成器工具,使用编程能力来健壮而快速地生成CSS。
映射文件(源映射)用于去引用最小化的代码(css和javascript)。
它们主要用于帮助开发人员调试生产环境,因为开发人员通常在生产环境中使用最小化的文件,这使得调试变得不可能。映射文件帮助他们取消对代码的引用,以查看原始文件的样子。
引导css可以由Less生成。map文件的主要目的是用来链接css源代码到chrome开发工具中的less源代码。 如果我们在chrome开发工具中检查元素。你可以看到css的源代码。 但如果包含地图文件在页面与引导css文件。您可以看到应用于想要检查的元素样式的代码更少。