在生產中使用較少的css框架

僅僅幾個星期，我開始瞭解LESS CSS。這正是我在編寫css代碼時應該可以使用的東西。在生產中使用較少的css框架

現在我非常渴望使用它，並希望將其應用於生產場景中，但有一個問題。要使用LESS CSS，您有兩種選擇：
1. 在您的網頁中包含less.js。
2. 預編譯LESS文件然後使用。

我不能承受的第一個選項，因爲我需要使用less.js的大小高達43 KB。當我已經在使用Jquery時，這會增加額外的負載。

第二個選項看起來很有前途，但問題是，要在生產環境中編寫代碼，您無法每次都編譯LESS以根據更改進行測試。像我直接編碼CSS時所做的那樣，應該是無與倫比的體驗。我應該寫LESS，並立即反映在頁面上。

那麼，任何人都可以幫助我設置這種工作流程嗎？

讚賞其他類似框架的任何建議。

來源

2012-03-03 Abhijeet Pawar

我通常半途而廢 - 在開發中使用JS文件，然後在構建生產之前進行預編譯。你在用什麼開發棧？ – rjz 2012-03-03 19:25:16

Java開發基地 – 2012-03-03 19:28:19

編譯爲css，答案如下:) – bzx 2012-03-05 10:16:16

我在開發中使用Less-PHP：每次在修改主文件.less後刷新瀏覽器進行測試時，會輸出.css文件。

然後在生產中，我只需要像往常一樣複製.css文件。

我不會在生產中使用Less.js，因爲它只對JS激活的用戶有效，在沒有必要時會使每個用戶的下載時間和渲染時間變慢。

編輯：還有一些軟件會等待您的LESS文件被修改並保存，並在發生時進行編譯。再少PHP可以爲每個項目設置一次，並且會做同樣的事情，如果我可以避免它，我寧願不要每天在系統上啓動一個守護進程。我已經有了防火牆，AV，MSN，Dropbox，jabber客戶端，copypaste實用程序，集成SVN等等:)
編輯在2015年：我一直在使用Prepros 4一段時間或者會使用一些grunt-代替。我的同事們對Prepros 5有一些錯誤，所以我還沒有安裝它（Prepros 5現在是一個專有軟件，花費幾美元。一個非常好的投資imo）

編輯2：似乎你正在使用Java 。一點點的谷歌搜索給出了這個解決方案：http://www.asual.com/blog/lesscss/2009/11/05/less-for-java.html

來源

2012-03-03 19:30:01 FelipeAls

OP除了使用Java以外。 – 2012-03-03 19:31:07

@AndrewMarshall謝謝，我只有在發佈後纔看到。回答編輯 – FelipeAls 2012-03-03 19:40:21

正如你所說的在生產中使用less.js是一個壞主意。只要添加另一個想法，如果您使用Git，則可以生成CSS文件作爲pre-commit鉤子的一部分，這樣您就不必手動進行生產。我已經寫了一些關於我在這裏使用的工作流程 - http://tjvantoll.com/2012/07/07/the-ideal-less-workflow-with-git/。

來源

2012-07-09 19:38:54

是的，爲什麼你不會在提交期間編譯較少的文件 – dusual 2013-01-07 12:13:28

@dusual在'pre-commit'鉤子中編譯文件可以確保提交中包含css文件。 – 2013-01-08 13:19:24

是的，我明白了 – dusual 2013-01-08 17:35:51

我用Java太多，但下面是幾乎任何有效的技術：

發展模式：

包含較少的文件，但不包括生成的css文件
少跑JS

生產：

清潔利用螞蟻
使用更少的犀牛從少using ant
包括生成的css文件編譯的CSS文件，但不包括少文件

我生成的css文件夾做一些額外的東西，如使用任何構建工具（ant，maven，...）可輕鬆實現的主題/皮膚。我也讓我的系統忽略生成的文件夾的版本，因爲它將被構建過程刪除和生成。

來源

2015-01-30 10:48:19

在生產中使用較少的css框架

回答

相關問題