Verwalten von Abhängigkeiten von Webkomponenten; JS, CSS / SASS und Vorlagendateien

Ich möchte die Struktur unserer neuen Webkomponenten strukturieren und bin mir derzeit nicht sicher, ob ich ein Tool gefunden habe, das all das tut, was wir im Idealfall wollen, oder uns sehr nahe kommt, aber es scheint so ist eine ziemlich gewöhnliche Sache, die man heutzutage machen möchte.

Wir haben eine Webanwendung, auf der Java serverseitig läuft, während wir auf der Clientseite unter anderem JavaScript stark einsetzen und SASS . Wir versuchen, einige unserer Codebasen neu zu strukturieren und bestimmte Aspekte unseres dynamischen Seiteninhalts zu komponieren.

Zum Beispiel möchten wir eine Standard-Tabellenkomponente, die vollständig unabhängig von der vollständigen Web-App entwickelt werden kann. Ich sehe die Tabellenkomponente mit den folgenden 3 Kerndateien:

• table.js
• table.scss (unsere SASS-Datei, die in eine CSS-Datei kompiliert wird)
• table.tmpl (unsere Vorlagendatei, die letztendlich zu einer JS-Funktion kompiliert wird, z. B. mit etwas Lenkern als Template-Engine)

Und dann um Entwicklung zu helfen:

• table-test.html (Eine Testseite mit einigen Dummy-Daten)
• table-qunit.js ( Qunit -Tests)

Alle diese Dateien würden dann hoffentlich in folgendes übersetzt werden:

• components.js - table.js und table.tmpl kompiliert und minimiert und dann in eine größere JS-Datei mit allen anderen Komponenten gezogen
• components.css - table.scss kompiliert und komprimiert und mit allen anderen Komponenten CSS
zusammengeführt

Werkzeuge, die ich angeschaut habe:

• requireJS - scheint sehr auf JS-Abhängigkeitsverwaltung ausgerichtet zu sein, mit einigen Überlegungen zu Ressourcendateien, kann aber nichts über seine Verwendung und CSS-Vorprozessoren finden wie SASS. Ich mag die Idee von AMD JS-Abhängigkeitsmanagement jedoch sehr.
• Grunt - Ein Knotenpaket, das einiges von dem macht, was wir wollen
• Kettenräder - Ruby-Implementierung von etwas, das dem ähnelt, was wir wollen
• Javascript Maven-Plugin - Am engsten in Bezug auf Sprachen / Bibliotheken (wir verwenden bereits Java und Maven ), aber wiederum, scheint nur das JavaScript-Abhängigkeitsmanagement zu berücksichtigen und nicht CSS oder zumindest SASS-Ressourcendateien.

Hat jemand bessere Vorschläge als die oben genannten? Alles, was dem, wonach wir suchen, etwas näher kommt? Idealerweise ist etwas, das Node.js oder Ruby nicht benötigt, vorzuziehen ...