什么是LESS源代码？

Question

我在这里指的是LESS教程： http://lesscss.org/usage/index.html#programmatic-usage

有人可以向我解释什么是源图？它有什么用途？何时以及如何使用源图？

Answer 1

由于编译了LESS，源映射允许您将编译的CSS追溯回原始源（可能包含多个偏分量）。这对于在编译的CSS中调试问题至关重要。

源图是JSON格式，包含对编译为CSS时使用的原始文件的引用。这些可能包括用量少，上海社会科学院，CoffeeScript的等书面文件

这里有一个很好的概述：

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

，这也是一个很好看的：

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

Answer 2

当您使用像LESS这样的预处理器时，由于原始LESS文件中的错误，结果CSS文件可能包含错误。当在Web浏览器上检测到这种错误时，浏览器可以指向CSS文件中的行号，但这对调试LESS文件没有用处。源图是一种机制/文件，用于保留原始LESS文件的位置信息，以便在CSS文件中检测到错误时，浏览器可以指向LESS文件中的位置。