ember.js - Emberjs Handlebars 预编译

Question

我的 Emberjs 应用程序运行缓慢，因此我想预编译我的模板以稍微缓解运行时间。但是我不知道如何继续。我读过http://handlebarsjs.com/precompilation.html和 Emberjs 介绍，但不行，我所能做的只是按照网站上的说明创建一个模板文件，而且我不知道在 Emberjs 中如何处理这个模板文件。

如何在 Emberjs 中预编译模板？我应该如何处理模板文件才能在 Emberjs 中使用它？

Answer 1

为了澄清，Thomas 的示例仍然在运行时进行模板编译。不过，我认为他的观点是，在您加载 precompiled Ember-Handlebars templates 之后你可以这样做:

MyApp.MyView = Ember.View.extend({
  template: Ember.TEMPLATES.mytemplate,
})

使用Handlebars' built-in precompiler的问题是 Ember 的 Handlebars 实现在 Handlebars 本身提供的基础上添加了一些功能，因此您需要安装 ember-precompile package ，它提供与 handlebars 命令行实用程序基本相同的界面，但使用 Ember 的 Handlebars 实现。

这将避免您将所有 templateName 更改为 template 并添加 Ember.TEMPLATES...在每个 View 中，因为它会自动更新 Ember 的内置模板缓存。

因此，假设您已经加载预编译的 templates.js 文件作为 ember-precompile templates/*.handlebars -f templates/templates.js 的输出>，这是 worker 导入/初始化顺序的更完整的示例片段:

<script src="/lib/handlebars-1.0.0.beta.6.js"></script>
<script src="/lib/ember-1.0.pre.js"></script>
<script src="/lib/ember-data-latest.js"></script>
<script>
  var App = Ember.Application.create();
</script>
<script src="/templates/templates.js"></script>
<script src="/js/models.js"></script>
<script src="/js/views.js"></script>
<script src="/js/controllers.js"></script>
<script src="/js/router.js"></script>
<script>
  App.initialize();
</script>