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

Question

Trabajo en coffeescript, jade y stylus.

Mi aplicación sirve dos "aplicaciones de una página" diferentes. Para estas aplicaciones, sirvo a todos los activos en la carga útil inicial.

Quiero agrupar, compilar y concatenar todos los archivos coffeescript y jade templetes en un archivo js único y archivos de lápiz en un solo recurso css para cada "aplicación de una página".

Luego puedo dejar mi /public/js y /public/css solo y siempre tendrán los archivos de activos js y css actuales para las dos aplicaciones diferentes.

¿Alguien ha configurado un flujo de trabajo como este antes? ¿Alguna idea de cómo podría hacer esto?

Gracias!

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

A través de más investigación encontré el proceso escrito acerca de aquí, pero no dicen cómo lo hicieron.

Answer 1

Usted puede hacer esto con JS bastante simplemente con expreso + Stitch/StitchUp

config de la muestra: https://gist.github.com/1094412

Una alternativa es también intercalar:

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

y las opciones para stylus middleware debe resolver su CSS: http://learnboost.github.com/stylus/docs/middleware.html

También hay una gran variedad de opciones aquí:

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

Answer 2

escribí un (licencia MIT) proyecto de código abierto para hacer frente a este problema:

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

Giles se basa su estática activos para ti (Jade, Stylus, CoffeeScript). Se puede ejecutar de forma independiente, como un servidor web o como un módulo de conexión. Puede agregar soporte para otros idiomas a Giles fácilmente (vea la página github)

Answer 3

Escribí una aplicación de nodo para esto. Es V E R Y simple, pero funciona para mí. El código es tan simple (72 líneas) que puedes ajustarlo de todos modos. Cada vez que guarde un café, un lápiz o un archivo de jade, se convertirá en js, css o html. No se ocupa de la eliminación de archivos o cualquier otra cosa elegante. No es perfecto, pero al menos sé exactamente cómo funciona, lo que facilita la depuración.

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

Answer 4

Puede utilizar la tubería connect-assets para tirar activos Jade compiladas en el JavaScript, haciéndolos dependencias de los archivos CoffeeScript que los utilizan.

Tengo una publicación de blog con los detalles ->Server side compiling of Jade templates with connect-assets.

Answer 5

Recomiendo usar Grunt, con Grunt puede configurar todo tipo de flujos de trabajo y tareas. Yo personalmente uso mean.io como mi modelo para la mayoría de mis proyectos. Tienen un archivo Grunt realmente atractivo con la mayoría de las tareas que necesita para concat y minify css y js en un solo archivo usando assetmanager. Mean.io no usa jade o stylus pero puede agregar fácilmente esas tareas Grunt.