使用handlebars運行時庫

Question

有人可以幫我一個關於如何使用handlebars運行時庫（handlebars.runtime.js）的示例代碼嗎？

我試過使用Handlebars.compile，這顯然不起作用，因爲我知道運行時庫是爲了避免編譯模板。

此外，我試圖通過將模板作爲字符串傳遞來使用Handlebars.template方法，但它不工作，因爲模板方法需要一個函數作爲參數。

我想我正在做一些基本錯誤的事情。有沒有關於如何使用運行時庫自己的文檔？

非常感謝幫助。

更多細節： 我第一次使用handlebars.js文件，這是工作不錯，但我的隊友發現壓縮文件過大（> 40KB）我們的目的（剛剛在我們的網站幾個模板）。

所以，我試着只用handlebars.runtime.js文件。這是正確的，還是我錯過了什麼？

這是我曾嘗試樣品：http://jsfiddle.net/2KfsM/

<div id="container"></div> 
<script id="hb-example" type="text/handlebars-template"> 
    <p>{{sampleText}}</p> 
</script> 

JS的一塊：

var template = Handlebars.compile($('#hb-example').html()); 
$('#container').html(template({sampleText: 'Here is a sample'})); 

Answer 1

你真的可以通過預編譯模板提高性能。但是，爲了使用句柄運行時庫，您必須先編譯現有的模板。

運行時庫中沒有可用的Handlebars.compile函數。

下面是一些鏈接：

http://handlebarsjs.com/precompilation.html

http://berzniz.com/post/24743062344/handling-handlebars-js-like-a-pro