Sto cercando di impaginare la struttura dei nostri nuovi componenti web e attualmente non sono sicuro di aver trovato uno strumento che faccia tutto ciò che idealmente vogliamo, o che si avvicini molto, ma sembra che sarebbe una cosa abbastanza comune da fare oggigiorno.Gestione delle dipendenze dei componenti Web; JS, CSS/SASS e file modello
Abbiamo un'applicazione Web che esegue Java lato server, mentre lato client viene utilizzato pesantemente JavaScript e SASS, tra le altre cose. Stiamo cercando di ripristinare alcuni dei nostri codici e componenti di alcuni aspetti del nostro contenuto di pagine dinamiche.
Ad esempio, vorremmo disporre di un componente tabella standard che può essere sviluppato in modo completamente indipendente dall'applicazione web completa. Vedo la componente tabella che ha i file principali seguenti 3:
- table.js
- table.scss (il nostro file SASS che compila in un file CSS)
- table.tmpl (il nostro file di modello che è in ultima analisi, compilato in una funzione JS, ad esempio usando qualcosa Handlebars come motore di template)
E poi per aiutare lo sviluppo:
- (una pagina di prova con alcuni dati fittizi)
- tavolo-qunit.js (Qunit test)
Tutti questi file da tavolo test.html sarebbe poi si spera essere compilato nel seguente:
- components.js - table.js e table.tmpl compilati e minificati, quindi inseriti in un file JS più grande con tutti gli altri componenti
- components.css - table.scss compilato e compresso e unito a tutti gli altri componenti CSS
strumenti che ho guardato:
- requireJS - sembra essere molto mirato a gestione delle dipendenze JS con qualche pensiero per il file di risorse, ma non riesce a trovare nulla circa il suo uso e CSS pre-processori come SASS. Mi piace molto l'idea della gestione delle dipendenze di J23 AMD.
- Grunt - Un pacchetto nodo che fa alcuni di ciò che vogliamo
- Sprockets - implementazione di Ruby di qualcosa di simile a ciò che vogliamo
- Javascript Maven plugin - Distanza in termini di lingue/librerie (che già usiamo Java e Maven), ma di nuovo, sembra considerare solo la gestione delle dipendenze JavaScript e non i CSS, o almeno i file di risorse SASS.
Qualcuno ha suggerimenti migliori di quelli sopra? Qualcosa che si avvicina un po 'a quello che stiamo cercando? Idealmente qualcosa che non richiede Node.js o Ruby sarebbe preferibile ...