LESS CSS - 提取生成的CSS

我正在嘗試使用LESS CSS來編寫我的CSS。我已經按照這個順序導入了style.less和less.js文件。LESS CSS - 提取生成的CSS

現在我想提取LESS生成的CSS ..有什麼辦法可以做到嗎？我不想使用腳本在生產中動態生成它。只是爲了發展。

2011-06-23 Harsha M V

http://incident57.com/less/如果你有幸能夠使用OS X，並且還有一顆紅寶石http://rubygems.org/gems/less，儘管這已經被通過npm安裝的node.js實現所取代。檢查http://lesscss.org/瞭解更多信息。

對於windows，還有http://www.dotlesscss.org/，但不知道它是多麼有用。

2011-06-23 05:40:20 djlumley

另外：Less.js在運行時不會生成附加的CSS嗎？我從來沒有用過這種方式，但只是假設它會動態創建CSS並將其添加到文檔的頭部。 – djlumley

它生成的CSS ..但沒有找到任何文件的CSS規則定義。 –

你有一個可以檢查的活頁嗎？當您查看 - >源代碼時，CSS不會在那裏，但在瀏覽器中使用開發人員工具時，如果您檢查文檔將以某種格式（不確定它是內聯還是位於文檔頭部）存在。它可能不會生成鏈接文件，因爲它是客戶端。另外：剛剛意識到其中一個鏈接是錯誤的。 – djlumley

您可以使用Firefox中的Firebug擴展提取CSS。編譯後的CSS出現在CSS選項卡的「inline」菜單選項下。

2011-12-02 19:03:29 pingswept

到2013年，我們有：

似乎工作對我蠻好。只需複製/粘貼。

有可能到頭來你會希望在此之後來縮小你的CSS，所以：

2013-05-24 17:54:58

對於其他人誰願意絆倒在這裏，在現代瀏覽器中，你可以看到它在localStorage的。我使用Chrome，它位於Resources下的開發工具欄中。在我的情況下，我們也想自動保存css文件（我們有一個生成模板的工具），我們可以用javascript輕鬆完成。

這將返回生成CSS，只是用正確的路徑替換它，因爲你看到它的資源選項卡下： localStorage.getItem(' http://domain.com/css/main.less ');

然後我們發送通過Ajax將其保存在一個CSS文件。切換到生產時，我們刪除較少的部分，並將其替換爲生成的css文件。

2013-12-03 04:52:56 Aurelien

回答