Mẫu Jade làm bộ tiền xử lý cho html

Question

Tôi sẽ không sử dụng node.js trong sản xuất, nhưng tôi thích cú pháp jade s, vì vậy tôi muốn biên dịch mẫu jade thành html khi phát triển.

Với cấu trúc tập tin này:

app/ 
    jade_templates/
    index.jade 
    subfolder/
     subpage.jade 
    html_templates/
    index.html 
    subfolder/
     subpage.html 

Tôi muốn có một kịch bản rằng đồng hồ thư mục jade_templates và biên dịch các mẫu html tương ứng để html_templates bất cứ lúc nào một sự thay đổi đã được thực hiện.

Làm cách nào để thực hiện điều này?

Cảm ơn bạn.

EDIT Jade README có Makefile mẫu này, nhưng tôi không chắc chắn làm thế nào để thích ứng này để nhu cầu của tôi.

JADE = $(shell find pages/*.jade) 
HTML = $(JADE:.jade=.html) 

all: $(HTML) 

%.html: %.jade 
    jade < $< --path $< > $@ 

clean: 
    rm -f $(HTML) 

.PHONY: clean 

Answer 1

Vì tôi có nhu cầu cho một tập lệnh tương tự, tôi đã dành thời gian và thử một vài công cụ và kịch bản lệnh shell ngoài đó (như forever) nhưng không thể tìm thấy bất kỳ điều gì khả quan.

Vì vậy, tôi đã tiếp tục triển khai giải pháp này. Bạn có thể tìm thấy nó trên github:

https://github.com/mihaifm/simplemon

Xem nếu nó làm việc cho bạn. Tôi cũng đã thêm một ví dụ cho ngọc bích.

Chúc mừng!

Answer 2

Tôi khuyên bạn nên viết một ứng dụng nút nhỏ để thực hiện việc này.

Mã này sẽ trông như thế này:

// Watch a directory for files changes (such as here: https://github.com/Raynos/fyp/blob/master/src/build.js) 
// Get the Jade code from the changed file 
// Compile it 
// Writes the output to a file with the same name in another directory 

tôi đã nói "ứng dụng nút" nhưng nó phải là bất cứ điều gì bạn thấy thoải mái.

Answer 3

Tôi sử dụng Grunt cho việc này. Sử dụng grunt-contrib-jade và grunt-contrib-watch bạn có thể dễ dàng thiết lập một nhiệm vụ grunt để xem một thư mục cho các tập tin ngọc bích và biên dịch chúng vào một thư mục khác khi chúng thay đổi.

Grunt có một chút đường cong học tập nhưng nó cực kỳ tiện dụng và cho phép tôi phát triển khả thi ở Jade (và Sass, và Coffeescript!) Bất cứ khi nào tôi muốn - nếu bạn quan tâm đến cách tiếp cận này để lại một bình luận và tôi sẽ thêm một Gruntfile mẫu có thể làm những gì bạn muốn.

Answer 4

Bạn có thể tận dụng entr, mà thực hiện một chương trình nếu một trong số các tập tin định thay đổi:

find -name '*.jade' | entr make