設置新的基於框架的項目並使用LESS

因此，我試圖建立一個環境，在該環境中，我可以生成一個新項目並最小化設置新項目所涉及的定製/複雜性。我正在使用Structurer Pro（來自nettuts +）構建文件集，這是一件很棒的事情。我已經爲MAC設置了github，允許我抓取最新的Foundation框架文件並將它們放入當前項目中。設置新的基於框架的項目並使用LESS

現在，我正試圖將LESS納入過程中。然而，Foundation的css文件目前沒有與LESS搭建，這意味着我有兩個選項：（1）獲取當前版本並將其更新，然後使用這些自定義文件創建新項目。（2）不要使用LESS ...

我的另一個問題是，似乎有很多編譯器的LESS（簡單，CodeKit，LESS，指南針），但沒有一個將css文件組合在一起！因此，如果我設置了10個LESS文件（例如IE.less，mobile.less，grid.less，typography.less等），並在其中包含變量，那麼我真的不希望將10個css文件作爲輸出。我真的想要1編譯的CSS文件作爲輸出。我知道我可以手動執行此操作，甚至可以通過Clean css或其他30個其他站點中的任何一個來執行此操作...

但是有沒有讓我使用最新文件創建項目的「事情」框架，通過將顏色樣本設置爲一系列變量（LESS）來對其進行自定義，然後編譯&將實際實現的結果CSS組合起來？

來源

2011-12-12 Mike Earley

基金會最終轉移到SCSS在3版本，所以這成爲一種有爭論...

來源

2012-10-29 23:53:57

我不確定css基礎包括什麼，如果它是一個reset.css或類似的東西，我會放棄它，而不是減少它。你將有兩個css文件：一個reset.css和一個styles.css（後者將從較少的文件編譯）。

然後，您可以添加自己的安裝程序，其中包括一個style.less，其中包含@import各種組件，如果您足夠通用，則可以在各個項目中重複使用它。

lessc編譯器處理各種文件的@imports並將它們合併爲一個文件：我有styles.less，其中@imports base.less components.less等。我只是將styles.less編譯爲styles.css和它處理其餘部分：

lessc styles.less styles.css

參見：https://gist.github.com/1480684

來源

2011-12-15 10:49:51 c4urself

試圖回答大家的一些問題：

重命名基金會的.css文件到.LESS，並在您/ less /目錄。
- 任何.css文件是一個有效的.LESS文件（而不是相反，雖然）
- 你沒有這個CSS轉換爲少，所以只爲你將要修改的事情要做，並保存一些時間;）
在您的master.less文件中使用@import'foundation-file'導入這些文件;
- 回覆：如何在HTML CSS /減檔:)
只編譯master.less結合，包括它
- master.less是你的假設主要樣式表實際上可能僅包含@import語句，對我來說，以這種方式管理所有內容（以及組合發生的地方）更容易。它會編譯爲主。然後你使用css。

來源

2012-01-17 09:01:47 bzx

設置新的基於框架的項目並使用LESS

回答

相關問題