使用LESS進行CSS渲染是否打破基於瀏覽器的開發？

Question

我剛剛下載了Twitter Bootstrap來查看LESS的實現。我的第一印象是，LESS似乎是編寫CSS的好東西，但它打破了基於瀏覽器渲染進行快速編輯的能力。

說我已被移交直播現場我從來沒有遇到過，別人建，作爲記錄不完整，因爲他們往往是，並要求改變一些元素的屬性。該網站有2000行CSS，我想做的最後一件事是熟悉它的大部分內容。

傳統CSS，在瀏覽器窗口：檢查元素：匹配CSS規則：styles.css的：1145。 在選擇的文本編輯器中打開styles.css到第1145行，進行更改，測試，完成。

LESS，在瀏覽器窗口：從返回是從（自舉）42點不同的減檔的任何組合編譯一個CSS文件匹配的CSS規則。編譯後的CSS文件沒有指示哪個組件的LESS文件來自該屬性。繼續搜索42個不同的LESS文件以找到適當的位置進行更改。

因此，當您有時間/熟悉項目以從頭開始瞭解它時，LESS似乎真的很棒 - 這樣您就知道哪個變量聲明瞭在mixin中調用以生成邊框的顏色在類聲明中給出了更多的屬性 - 但如果你是一個不幸的開發人員，他有十分鐘的時間從別人的代碼中找出更改所有邊界上的顏色（更具體地說）在哪裏。

我弄錯了嗎？ LESS是否打破懶惰，快樂的瀏覽器端快速修復策略，還是有一些我尚未弄清的保留快速和骯髒的工作流程的方法？

Answer 1

同時在客戶端（瀏覽器，Safari瀏覽器，Firefox瀏覽器）和服務器端運行LESS，使用的是Node.js和犀牛。 （http://lesscss.org/）。所以是的，你can use it also on the client-side。 只要確保將您的較少樣式錶鏈接到rel="stylesheet/less並記住將less.js添加到HTML中即可從較少的來源生成CSS。

一個缺點就是像Firebug這樣的開發工具沒有較少的原生支持。這與CoffeeScript的問題一樣，它現在在瀏覽器中的調試設備非常差。我很確定debuggers will evolve to support other JS languages，我不會感到驚訝的發現類似的樣式表語言發生類似的情況。但是，當這些工具走向主流時，我不會屏住呼吸。

我同意你在深思以下可以爲鐵桿CSS開發一個絕妙的主意線以外，還增加了一層複雜性，以您的開發堆棧。這樣做可能在所有情況下都是不合理的。