脚本标记中的脚本预编译把手模板

Question

我有一个相当大的 web 应用程序，其中包含很多模板。我希望通过预编译这些文件来节省时间。

目前，我使用脚本包装器，以便我可以动态加载它并将它们打包到 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、编译并使用 js 文件中的 id.templates 将其放回。

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

Answer 1

我使用 grunt-ember-templates 预编译我的 ember 车把模板。

如需使用这个 grunt 插件的一个很好的例子，请查看this example todos application。

它提供了一个在构建过程、测试等中使用 grunt 的好例子，并且包括模板预编译。