ember.js - 脚本标记中的脚本预编译把手模板

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、编译并使用 js 文件中的 id.templates 将其放回原处。

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

Answer 1

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

有关这个 grunt 插件的一个很好的使用示例，请查看这个示例 todos 应用程序。

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