如何在 Assemble 构建中创建要在运行时编译的 Handlebars 模板？答案

【问题标题】：How do I create a Handlebars template to be compiled at runtime in an Assemble build?如何在 Assemble 构建中创建要在运行时编译的 Handlebars 模板？
【发布时间】：2015-02-18 22:27:53
【问题描述】：

我正在使用 Assemble 构建一个网站。 Assemble 基本上使用 Handlebars 模板呈现站点的静态版本，并从 json 文件中注入数据。这适用于我的大部分项目。

但是，我希望在我的网站的某个区域在运行时加载数据并使用 Handlebars.js 将其呈现到模板中。正常的做法是将其放入脚本标签中...

<script id="list-item-template" type="text/x-handlebars-template">
    <li>Item {{id}}</li>
</script>

但是当我这样做时，Assemble 将该模板内的内容呈现到

<script id="list-item-template" type="text/x-handlebars-template">
    <li>Item </li>
</script>

注意，{{id}} 已被删除（编译为 ''）。有没有办法强制 Assemble 不编译一些 hbs 内容？我应该使用其他方法吗？

【问题讨论】：

标签： javascript requirejs handlebars.js assemble

【解决方案1】：

您可以在车把标签之前使用\ 转义车把模板...

<li> item \{{id}}</li>

【讨论】：

谢谢。有什么方法可以一次对整个部分执行此操作吗？
您应该寻找一种方法来预处理客户端模板并将它们单独加载到您的应用程序中，而不是将它们内联到脚本标签中。这样您就不需要转义客户端模板，并且仍然可以使用 assemble 构建您的服务器端模板。根据构建过程的其余部分，有不同的方法。