什麼是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文件中的位置。