2012-08-16 108 views
3

我有一個項目,該項目包括了很多靜態HTML和JS文件的。我需要一個可以連接和縮小它們的構建工具。HTML/CSS/JS構建工具

我看到this巨大的屏幕,它說明了如何使用Ant和YUI做到這一點。我唯一缺少的是縮小版本創建後,我如何替換對HTML中JS/CSS文件的引用,所以它會引用新的縮小版本?

是否有更好/更簡單的工具(而非GPL/LGPL許可證)?

+1

爲什麼不GPL/LGPL?你可能不需要修改這樣的東西,所以沒有病毒許可證擔心。 – 2012-08-16 20:14:44

+0

我在一家大公司工作,禁止使用該許可證。 – Tomer 2012-08-16 20:26:08

+1

@ ftom2不告訴他們,通過只要求在互聯網上這個問題你用浩大的數量GPL軟件的:-) – Pointy 2012-08-16 20:28:41

回答

5

Grunt是相當不錯的,而且支持大多數的那些東西。 This plugin會重新寫你的CSS鏈接標籤,儘管通常(和JS),你只寫鏈接/ script標籤反正直接指向縮小的版本,並不斷有它建立自己的文件。

+0

'你只是寫的鏈接/ script標籤筆直指向縮小的版本anyway' - 不知道我明白,我有很多css/js文件,我希望它們連接到一個文件。如何在它存在之前引用它? – Tomer 2012-08-16 20:34:15

+0

因爲你永遠不查看您正在編輯的文件 - 你永遠只看到你的網站,其中連接起來的文件確實存在的內置版本。 Grunt可以連續運行,以便在工作時保持文件同步 – izb 2012-08-16 21:03:18

+0

因此,還有2個HTML版本? – Tomer 2012-08-17 04:50:50

0

你可以試試minify JS and CSS。 Minify JS可以將1個JS文件合併爲多個JS文件,對於CSS也是如此。