脚本标记中的脚本预编译句柄模板

Question

我有一个包含大量模板的相当大的webapp。我希望通过预编译这些文件来节省时间。

目前，我使用脚本包装器，以便我可以动态加载它并将它们打包在html

中

<script id="all-domain-users-model-template" type="text/html">
<td></td>
<td>{{domain}}</td>
<td>{{name}}</td>
<td>{{email}}</td>
<td>{{is_account_owner}}</td>
<td>{{#if is_account_owner}}<a href="#" data="{{domain}}" class="delete-namespace btn btn-danger">Delete</a>{{/if}}</td>
</script>

有很多这样的文件。一个文件可以有多个定义..

我正在寻找脚本读取id中的名称，解析html，编译并使用id.templates将其放回js文件中的想法。

我看过Using pre-compiled templates with Handlebars.js (jQuery Mobile environment) - 接受的答案提到脚本标签在复制之前被删除了..但实际上，它几乎不可能......

Answer 1

我使用grunt-ember-templates来预先设置我的余烬手柄模板。

有关使用此grunt插件的一个好例子，请查看this example todos application。

它提供了一个使用grunt进行构建过程，测试等的好例子，并包含模板预编译。