coffeescript, jade, stylus -> js, css asset manager? node.js

Question

Lavoro in coffeescript, jade e stilo.

La mia applicazione serve due diverse "app di una pagina". Per queste app servo tutte le risorse nel payload iniziale.

Voglio raggruppare, compilare e concatenare tutti i file coffeescript e i templi di giada in un singolo file js asset e stilo in un singolo asset css per ogni "app a una pagina".

Quindi posso lasciare solo il mio /public/js e il /public/css e avranno sempre i file di risorse js e css correnti per le due diverse app.

Qualcuno ha già configurato un flusso di lavoro come questo? Qualche idea su come potrei fare questo?

Grazie !!

EDIT: http://blog.fogcreek.com/the-trello-tech-stack/

Attraverso ulteriori ricerche ho trovato il processo scritto su qui, ma non dicono come hanno fatto.

Answer 1

È possibile farlo con JS abbastanza semplice, con espresso + Stitch/StitchUp

config del campione: https://gist.github.com/1094412

Un'alternativa è anche Interleave:

http://www.distractable.net/coding/javascript-builds-using-interleave

E le opzioni per il middleware dello stilo dovrebbe ordinare per il tuo CSS: http://learnboost.github.com/stylus/docs/middleware.html

C'è anche una miriade di opzioni qui:

http://toolbox.no.de/search?q=asset

Answer 2

ho scritto un progetto open source (licenza MIT) per affrontare questo problema:

Giles - https://github.com/255BITS/giles

Giles costruisce il vostro statico risorse per te (Jade, Stylus, CoffeeScript). Può essere eseguito standalone, come server Web o come modulo di connessione. È possibile aggiungere facilmente il supporto per altre lingue a Giles (vedere la pagina Github)

Answer 3

Ho scritto un'app di nodo per questo. È V E R Y semplice, ma funziona per me. Il codice è così semplice (72 linee) che puoi regolarlo come preferisci. Ogni volta che salvi un caffè, uno stilo o un file di giada, converti in js, css o html. Non si occupa delle rimozioni di file o di qualsiasi altra cosa di fantasia. Non è perfetto, ma almeno so esattamente come funziona, il che rende facile il debug.

https://github.com/Gijsjan/Template-Engine-Watcher

Answer 4

È possibile utilizzare la pipeline connect-assets di tirare beni Jade compilati nella vostra JavaScript rendendoli dipendenze dei file CoffeeScript che li utilizzano.

Ho un post sul blog con i dettagli ->Server side compiling of Jade templates with connect-assets.

Answer 5

Si consiglia di utilizzare Grunt, con Grunt è possibile impostare tutti i tipi di flussi di lavoro e attività. Io personalmente uso mean.io come mio boilerplate per la maggior parte dei miei progetti. Hanno un bel file Grunt con la maggior parte delle attività necessarie per concatidere e ridurre css e js in un singolo file usando assetmanager. Mean.io non usa jade o stilo ma potresti facilmente aggiungere quelle attività Grunt.