Szukam układu naszych nowych komponentów internetowych i nie jestem pewien, czy znalazłem narzędzie, które zrobi wszystko, czego chcemy, lub jest bardzo blisko, ale wydaje się, że w dzisiejszych czasach byłoby to dość powszechne.Zarządzanie zależnościami komponentów sieciowych; Pliki JS, CSS/SASS i pliki szablonów
Mamy aplikację internetową, która działa po stronie serwera Java, podczas gdy po stronie klienta używamy JavaScript silnie i SASS, między innymi. Chcemy ponownie zaimportować część naszej bazy kodu i komponować pewne aspekty naszej dynamicznej zawartości strony.
Na przykład chcielibyśmy mieć standardowy składnik tabeli, który można rozwijać całkowicie niezależnie od pełnej aplikacji internetowej. Widzę składnik stół posiadający następujące pliki: 3 rdzenia
- table.js
- table.scss (nasz plik SASS który kompiluje do pliku CSS)
- table.tmpl (nasz plik szablonu, który jest ostatecznie skompilowany do funkcji JS, na przykład za pomocą czegoś Handlebars jako silnika szablonów)
a potem pomóc rozwój:
- tabeli test.html (A strona testowa z niektórych danych manekina)
- table-qunit.js (Qunit testy)
Wszystkie z tych plików będzie wtedy mam nadzieję być kompilowany do następujących:
- components.js - table.js i table.tmpl skompilowane i zminimalizowane, a następnie przeniesione do większego pliku JS ze wszystkimi pozostałymi komponentami
- components.css - table.scss skompilowane i skompresowane i połączone z wszystkimi innymi komponentami CSS
Narzędzia Sprawdziliśmy:
- requireJS - wydaje się być bardzo ukierunkowane na zarządzanie zależnościami JS z namyśle dla plików zasobów, ale nie mogę znaleźć nic na temat jego zastosowania i CSS pre-procesory jak SASS. Jednak bardzo podoba mi się pomysł zarządzania zależnością JS AMD.
- Grunt - Pakiet węzeł, który ma część tego, co chcemy
- Sprockets - realizacja Ruby czegoś podobnego do tego, co chcemy
- Javascript Maven plugin - Odległość w zakresie języków/bibliotek (możemy już użyć Java i Maven), ale ponownie wydaje się uwzględniać tylko zarządzanie zależnościami JavaScript, a nie CSS lub przynajmniej pliki zasobów SASS.
Czy ktoś ma lepsze sugestie niż te powyżej? Coś, co zbliża się trochę do tego, czego szukamy? Idealnie byłoby coś, co nie wymagałoby Node.js lub Ruby byłoby lepsze ...