jade的使用示例runtime.js

Question

我一直在尋找在瀏覽器上使用編譯的jade模板。玉自述說：

通過使用玉的./runtime.js你可以利用上沒有玉石本身的客戶端，這些預編譯模板，你需要的是相關的實用功能（在運行。 js），然後以jade.attrs，jade.escape等形式提供。爲了實現這個功能，您應該將{client：true}傳遞給jade.compile（），告訴Jade通過jade.attrs，jade.escape引用輔助函數等

有沒有我可以找到使用runtime.js方法的示例。我已經將模板編譯爲單個js文件，但我該如何使用它們？我現在所擁有的是多個稱爲匿名的函數和一個我不知道如何使用的玉石對象。

Answer 1

如果要在客戶端使用已編譯的jade模板函數，則必須在頁面中包含runtime.js。

runtime.js提供了編譯好的jade模板函數用來渲染html的helper函數。它通過將變量jade附加到具有模板使用的幾種方法的窗口（例如jade.escape）來實現。

例如：

<script src='runtime.js'> // from jade repository 
<script src='template.js'> // compiled by jade cli 
<script>$('body').append(anonymous({local:'value'))</script> // works! 

這將成功追加呈現的HTML身體。然而...

<script src='template.js'> // compiled by jade cli 
<script>$('body').append(anonymous({local:'value'))</script> // fails... 

這通常會因爲Uncaught ReferenceError: jade is not defined而失敗。

一般來說，除了anonymous之外，你應該重新命名你的函數。