css - 什么是 LESS 源映射?

标签 css less

我在这里引用了LESS教程: http://lesscss.org/usage/index.html#programmatic-usage

有人可以向我解释一下源映射是什么吗?它有什么用?我们何时以及如何使用源映射?

最佳答案

由于 LESS 已编译,因此源映射允许您将编译后的 CSS 追溯到原始源 - 它可能由多个部分组成。这对于调试已编译 CSS 中的问题至关重要。

源映射是 JSON 格式,包含对编译为 CSS 时使用的原始文件的引用。这些可能包括用 LESS、SASS、CoffeeScript 等编写的文件。

这是一个很好的概述:

http://webdesign.tutsplus.com/tutorials/how-to-use-source-maps-for-better-preprocessor-debugging--cms-22735

这也是一本好书:

http://pburtchaell.com/2014/using-source-maps/

关于css - 什么是 LESS 源映射?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35741993/

相关文章:

css - 我可以使用下划线开始 CSS 选择器 ID 或类吗?

html - 子元素周围的背景颜色

html - 使一个 flex 元素占据整个列

html - 在 Less 中使用变量之后而不是之前定义变量可以吗?

html - CSS 中的扩展中间层

javascript - 当我滚动时,我的导航栏颜色不想随我的 jquery 改变?

CSS 和 .less : Set a font color if user pick a specific color through web interface

html - 调整伪元素图像的大小以匹配容器

css - Bootstrap 编译的 less 文件与给定的 css 不一样

css - 如何从 CSS 文件中导入指定的类而不是所有的东西