Twitter bootstrap 3 Bootstrap 3.x中使用的.map文件是什么？
Twitter bootstrap 3 Bootstrap 3.x中使用的.map文件是什么？,twitter-bootstrap-3,source-maps,Twitter Bootstrap 3,Source Maps,CSS文件夹中包含两个扩展名为.map的文件。它们是： bootstrap-theme.css.map bootstrap.css.map 它们似乎是缩小了的文件，但我不知道它们的用途。这些是源地图。将这些文件与压缩的源文件一起提供；Firefox和Chrome中的开发人员工具将使用它们进行调试，就像代码未被压缩一样。来自： 许多开发人员使用CSS预处理器（如Sass、Less或手写笔）生成CSS样式表。因为CSS文件是生成的，所以直接编辑CSS文件没有什么帮助 对于支持CSS源映射的预处理器
CSSbootstrap-theme.css.map
bootstrap.css.map
它们似乎是缩小了的文件，但我不知道它们的用途。这些是源地图。将这些文件与压缩的源文件一起提供；Firefox和Chrome中的开发人员工具将使用它们进行调试，就像代码未被压缩一样。来自： 许多开发人员使用CSS预处理器（如Sass、Less或手写笔）生成CSS样式表。因为CSS文件是生成的，所以直接编辑CSS文件没有什么帮助 对于支持CSS源映射的预处理器，DevTools允许您在“源”面板中实时编辑预处理器源文件，并查看结果，而无需离开DevTools或刷新页面。当您检查其样式由生成的CSS文件提供的元素时，“元素”面板将显示指向原始源文件的链接，而不是指向生成的.CSS文件的链接
引导css可以由更少的代码生成。映射文件的主要用途是将css源代码链接到chrome开发工具中较少的源代码。 如果我们在chrome开发工具中检查元素。您可以看到css的源代码。
但是如果在带有引导css文件的页面中包含映射文件。您可以看到应用于要检查的图元样式的代码较少 如果您只是想消除错误，还可以在
bootstrap.css/*# sourceMappingURL=bootstrap.css.map */
对于来这里查找这些文件的任何人（如我），您通常可以通过在URL末尾添加
.map使用实用的方法解释源映射。什么是CSS映射文件？ 它是一个JSON格式的文件，将CSS文件链接到其源文件，通常是在预处理器中编写的文件（即Less、Sass、手写笔等），这是为了从web浏览器对源文件进行实时调试 什么是CSS预处理器？示例：Sass、Less、手写笔 这是一个CSS生成器工具，它使用编程能力来快速、可靠地生成CSS。地图文件（源地图）用于取消引用缩小的代码（CSS和javascript）
它们主要用于帮助开发人员调试生产环境，因为开发人员通常使用缩小的文件进行生产，这使得调试变得不可能。映射文件可以帮助他们取消对代码的引用，以查看原始文件的外观。这个答案解释了它们与CSS预处理器一起使用，这是我还没有深入研究过的。ThanksIt听起来像是在编程语言中对这些进行了分析，不是吗？我收到了js错误，所以我在该目录中创建了一个假文件，以阻止错误显示。@IssaFarax您可以通过ChromeDev工具设置禁用加载源映射。打开DevTools>单击settings gear>取消选中Enable（JavaScript | CSS）源代码映射您也可以引用：或仅引用hash
#bootstrap.CSSgulp--production\n