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

Question

Pracuję w coffeescript, jade i rysikiem.

Moja aplikacja obsługuje dwie różne "aplikacje jednej strony". W przypadku tych aplikacji obsługuję cały zasób w początkowym ładunku.

Chcę grupować, kompilować i łączyć wszystkie pliki coffeescript i jadeitowe świątynie w jeden plik js zasobu i rysika w jeden zasób css dla każdej "aplikacji jednostronicowej".

Wtedy mogę po prostu zostawić mój /public/js i /public/css sam i będą one zawsze miały bieżące pliki zasobów js i css dla dwóch różnych aplikacji.

Czy ktoś wcześniej skonfigurował przepływ pracy? Jakieś pomysły, jak mógłbym to zrobić?

Dzięki!

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

Poprzez dalszych badań znalazłem proces napisane na temat tutaj, ale nie mówią, jak oni to zrobili.

Answer 1

Można to zrobić z JS całkiem prosto z Express, + Stitch/StitchUp

config próbki: https://gist.github.com/1094412

Alternatywą jest także Interleave:

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

A opcje oprogramowanie pośredniczące stylus powinno Cię rozszyfrować dla Twojego CSS: http://learnboost.github.com/stylus/docs/middleware.html

Jest też mnóstwo opcji tutaj:

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

Answer 2

Napisałem projekt open source (licencja MIT), aby rozwiązać ten problem:

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

Giles buduje swoją statyczną zasoby dla ciebie (Jade, Stylus, CoffeeScript). Może być uruchamiany samodzielnie, jako serwer WWW lub jako moduł połączeniowy. Możesz łatwo dodać obsługę innych języków do Gilesa (patrz strona github)

Answer 3

Napisałem do tego aplikację węzła. To proste, ale działa dla mnie. Kod jest tak prosty (72 linie), że możesz go dostosować tak, jak chcesz. Za każdym razem, gdy zapiszesz kawę, rysik lub plik jade, konwertuje on do js, ​​css lub html. Nie zajmuje się usuwaniem plików ani innymi fantazyjnymi rzeczami. Nie jest doskonały, ale przynajmniej wiem dokładnie, jak to działa, co ułatwia debugowanie.

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

Answer 4

Można użyć connect-assets rurociągu wyciągnąć skompilowane aktywa Jade do swojej JavaScript poprzez ich zależnościami plików coffeescript które ich używają.

Mam wpis na blogu ze szczegółami ->Server side compiling of Jade templates with connect-assets.

Answer 5

Polecam korzystanie z Grunt, przy pomocy Grunt można skonfigurować wszystkie rodzaje przepływów pracy i zadań. Osobiście używam mean.io jako mojej karty katalogowej dla większości moich projektów. Mają naprawdę przyjemny plik Grunt z większością zadań, których potrzebujesz do konkatowania i minifikacji css i js w jeden plik przy użyciu assetmanager. Mean.io nie używa jadeitu ani rysika, ale możesz łatwo dodać te zadania Grunta.