2012-07-17 51 views
1

我想開始使用LESS而不是常規CSS。我一直在閱讀關於它的最後幾個小時,它看起來很棒,但我仍然不確定我應該如何運行/使用它。這就是爲什麼我有一些問題:LESS - 兩個初學者問題(編譯選項和CSS組合)

  1. 我讀過使用less.js在客戶端編譯是不好的。這似乎是合理的。我也讀過你可以使用node.js在服務器端進行編譯。 Node.js需要Python,但由於我只有一個託管帳戶(而不是自己的服務器),因此Python不可用。所以我看了一下Less.app,它將.less文件編譯爲.css。使用less-files進行開發,然後將其編譯爲`.css並將其上傳到在線服務器(當然鏈接到該文件)有什麼不好?較少的文件不需要使用該方法在線,對嗎?

  2. 我使用Wordpress裸模板作爲起點。這個模板創建時沒有LESS。這意味着我有一個.css文件,例如,包括CSS重置。我是否應該將這些「普通CSS」行復制到.less文件中?

回答

1
  1. 我用我的網站LESS,作爲備用到CSS。我使用LESS編譯器SIMPLESS。簡單來說,你需要做的就是將要編譯成CSS的LESS文件拖放到simpless中。從這裏開始,simpless將LESS文件編譯成一個全新的CSS文件,它具有相同的名稱並位於相同的文件夾位置。從那裏,我只是鏈接編譯的CSS文件在我的HTML文檔的頭標記。這樣做,您正在本機上編譯LESS文件。

  2. 我會用「.less」文件名構建出你的css文件結構。然後將所有較少的文件導入一個主要較少的樣式表並編譯該樣式表。然後,您可以將編譯後的CSS文件鏈接到您的html文檔的head標籤中。

以爲我會分享我如何使用LESS。我喜歡它迄今!

+0

謝謝,很有趣!我現在也是這樣做的。注意:Simpless在1.4中有一個bug,如果你使用的文件夾結構只有幾層,它將無法工作,這就是爲什麼我現在再次使用less.app。 – Sven 2012-07-17 22:20:16

+0

是的,我注意到那個錯誤,當我更新的那天。我仍然有版本1.3,它完美的作品,所以我只是繼續使用它。 – DOCbrand 2012-07-18 11:36:42

0
  1. 本地編譯和上傳是罰款一小網站。如果你是一個龐大的網站,你可能會有一個構建步驟,但是你沒有。你可以手動編譯它。儘管過了一段時間,這會讓人討厭,但是您可以使用一個程序來監視變化並自動進行編譯,從而使您的生活不再困難。
  2. 是的,只是文件重命名爲.LESS,它應該只是工作

  1. http://www.ravelrumba.com/blog/watch-compile-less-command-line/