有沒有什麼方法可以在Harp.js中使用Jade塊？

我正在創建一個使用豎琴的網站，我想知道是否有一種方法可以和正常的！=良率工作方式一起使用Jade模塊。基本上，對於頁面特定的腳本，我想將一個塊傳遞給我的佈局。目前，無論我在模板中的某個塊中有什麼內容，都會直接通過我的佈局。有沒有什麼方法可以在Harp.js中使用Jade塊？

例如：

// _layout.jade 
html 
    head 
    title Hello, world 
    body 
    != yield 
    div Random delimiter 
    block scripts 

// index.jade 
h1 Hello, world 
block scripts 
    script(src='/some/script.js'). 
    div Not working

輸出：

<html> 
    <head> 
    <title>Hello, world</title> 
    </head> 
    <body> 
    <h1>Hello, world</h1> 
    <div>Not working</div> 
    <div>Random delimiter</div> 
    </body> 
</html>

任何想法？

來源

2014-05-22 Lee

是的，你可以做這樣的事情：

// _custom_layout.jade 
html 
    head 
    title Hello World 
    body 
    block main_content 
     //- Default main content 
    div Delimiter 
    block scripts 
     //- Default scripts here

而且

// index.jade 
extends _custom_layout.jade 
block main_content 
    h1 Hello From Index 
block scripts 
    script(src='/some/script.js').

這應該輸出

<html> 
    <head> 
    <title>Hello World</title> 
    </head> 
    <body> 
    <h1>Hello From Index</h1> 
    <div>Delimiter</div> 
    <script src="/some/script.js"></script> 
    </body> 
</html>

要利用玉的block功能的，用的東西除了以外210，因爲該文件名在Harp中有定義的用途。您必須將自定義模板分配給使用_data.json的頁面。

我還沒有測試過這個代碼，如果有任何問題，我會修復它。

來源

2014-05-22 21:45:53

謝謝，我結束了我的主佈局繼承了類似於上面的自定義佈局，這樣做的一點痛苦，但至少它的工作原理！ – Lee

有沒有什麼方法可以在Harp.js中使用Jade塊？

回答

相關問題