2017-02-24 73 views
1

在少,你可以依賴於依賴於變量等頁變量變量,如生成較少的變量依賴樹?

@a: #000; 
@b: @a; 
@c: lighten(@b, 50); 
@d: darken(@c, 25); 

與導入多個文件,它可以變得相當混亂知道哪些變量取決於哪些其他的能力變量。

有沒有辦法(例如一個標誌與運行lessc或外部程序)獲得給定的變化較少的依賴關係樹?

回答

0

沒有。您將得到最接近的是手動添加解釋性評論。如果您在編譯的CSS中需要這些註釋,請確保使用/* CSS comments */// LESS comments不要將其放入編譯的CSS中)。

如果您在瀏覽器檢查器中查看前端事物,則可以使用源映射追蹤給定樣式來自哪個文件,然後閱讀該文件中的註釋。

如果您要縮小編譯的CSS,請不要刪除註釋或生成不刪除註釋的額外非生產副本。

您的示例是顏色,但請注意,如果處理數字,您有時可以使用calc()將源值顯示在最終的CSS中(包括在瀏覽器檢查器中,如果這與您所做的相關)。

+0

感謝您的回覆。我真的不需要知道給定CSS文件的依賴關係,如果僅僅分析較少的源文件(因爲在80多個文件中嵌套導入,您並不總是知道什麼取決於什麼),我完全沒問題。當然,CSS會很好,但不是必需的。我真的在文件「foo.less」中尋找「這個變量@ foo',它在文件'{bar,baz,...}中依賴於什麼?less'?」 –

+0

答案仍然沒有,可悲。 //對我的回答做了一個小小的編輯,指出如果你不需要它在編譯的CSS中生存,就可以使用'// inline comments'。 – henry