coffeescript, ngọc bích, bút stylus -> js, css quản lý tài sản? node.js

Question

Tôi làm việc trong coffeescript, ngọc bích và bút stylus.

Ứng dụng của tôi phục vụ hai "ứng dụng một trang" khác nhau. Đối với những ứng dụng này, tôi phân phối tất cả nội dung trong tải trọng ban đầu.

Tôi muốn nhóm, biên dịch và ghép tất cả các tệp coffeescript và templeates ngọc thành một tệp js và tài liệu dạng bút đơn thành một phần tử css duy nhất cho mỗi "ứng dụng một trang".

Sau đó, tôi chỉ có thể để /public/js và /public/css một mình và chúng sẽ luôn có các tệp nội dung js và css hiện tại cho hai ứng dụng khác nhau.

Có ai thiết lập quy trình làm việc như trước đây không? Bất kỳ ý tưởng làm thế nào tôi có thể làm điều này?

Cảm ơn !!

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

Qua nghiên cứu tôi càng thấy quá trình viết về đây nhưng họ không nói như thế nào họ đã làm điều đó.

Answer 1

Bạn có thể làm điều này với JS khá đơn giản với Express + Stitch/StitchUp

mẫu cấu hình: https://gist.github.com/1094412

Một thay thế cũng được Interleave:

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

Và các tùy chọn cho stylus middleware nên sắp xếp bạn ra cho CSS của bạn: http://learnboost.github.com/stylus/docs/middleware.html

Ngoài ra còn có vô số các tùy chọn ở đây:

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

Answer 2

tôi đã viết một dự án mã nguồn mở (giấy phép MIT) để giải quyết vấn đề này:

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

Giles xây dựng tĩnh của bạn tài sản cho bạn (Jade, Stylus, CoffeeScript). Nó có thể chạy độc lập, như một máy chủ web, hoặc như một mô-đun kết nối. Bạn có thể thêm hỗ trợ cho các ngôn ngữ khác vào Giles một cách dễ dàng (xem trang github)

Answer 3

Tôi đã viết một ứng dụng nút cho việc này. Đó là V E R Y đơn giản, nhưng nó làm việc cho tôi. Mã này rất đơn giản (72 dòng), bạn có thể điều chỉnh nó theo bất kỳ cách nào bạn muốn. Bất cứ khi nào bạn lưu cà phê, bút stylus hoặc tập tin ngọc bích nó chuyển đổi sang js, css hoặc html. Nó không quan tâm đến việc xóa tập tin hay bất kỳ thứ gì lạ mắt khác. Nó không hoàn hảo, nhưng ít nhất tôi biết chính xác nó hoạt động như thế nào, điều này làm cho việc gỡ lỗi trở nên dễ dàng.

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

Answer 4

Bạn có thể sử dụng các đường ống dẫn connect-assets để kéo tài sản Jade biên dịch thành JavaScript bằng cách làm cho họ phụ thuộc của các tập tin CoffeeScript rằng sử dụng chúng.

Tôi có một bài đăng trên blog có các chi tiết ->Server side compiling of Jade templates with connect-assets.

Answer 5

Tôi khuyên bạn nên sử dụng Grunt, với Grunt bạn có thể thiết lập tất cả các loại quy trình công việc và nhiệm vụ. Cá nhân tôi sử dụng mean.io làm bản mẫu của tôi cho hầu hết các dự án của tôi. Họ có một tập tin Grunt thực sự tốt đẹp với hầu hết các nhiệm vụ bạn cần để concat và minify css và js thành một tập tin duy nhất bằng cách sử dụng assetmanager. Mean.io không sử dụng ngọc bích hoặc bút stylus nhưng bạn có thể dễ dàng thêm những tác vụ Grunt đó.