我正在尋找佈局我們新的Web組件的結構,我目前不確定我找到了一種工具,可以完成我們理想中想要的或非常接近的工作,但似乎現在想要做的事情是相當普遍的事情。管理Web組件的依賴關係; JS,CSS/SASS和模板文件
我們有一個運行Java服務器端的Web應用程序,而客戶端我們使用JavaScript和SASS等等。我們希望重新構建我們的一些代碼庫並將動態頁面內容的某些方面組件化。
例如,我們希望有一個標準表組件,可以完全獨立於完整的Web應用程序開發。我看到有以下3個核心文件表成分:
- table.js
- table.scss(即編譯成一個CSS文件我們的SASS文件)
- table.tmpl(我們的模板文件,它是最終編譯成JS的功能,如使用的東西Handlebars作爲模板引擎)
再幫發展:
- 表的test.html(A測試頁有一些虛擬數據)
- 表qunit.js(Qunit測試)
所有這些文件將然後希望被編譯成如下:
- components.js - 將table.js和table.tmpl編譯並縮小,然後用其他所有組件將其拖入一些較大的JS文件中
- components.css - table.scss編譯和壓縮,並與所有其他組件合併CSS 個
工具我已經看了:
- requireJS - 似乎在JS依賴管理將非常有針對性的一些思想資源文件,但無法找到它的使用和CSS預處理器什麼像SASS。但是,我確實喜歡AMD JS依賴管理的想法。
- Grunt - 節點包,做一些我們想要的東西
- Sprockets - Ruby實現的類似的東西是什麼,我們要
- Javascript Maven plugin - 最近在語言/庫方面(我們已經使用Java和Maven),但再次,似乎只考慮JavaScript依賴關係管理而不是CSS,或者至少是SASS資源文件。
有沒有人有比以上更好的建議?有什麼更接近我們正在尋找的?理想情況下,不需要Node.js或Ruby的東西會更可取...