Emberjs：立即加载所有模板

Question

所以我一直在想，如果我将所有模板都写入一个文件，那么在加载应用程序时，Ember会立即加载所有这些模板吗？

说，我在index.html

中有这个

<! -- Added all dependecies of Ember -->
<script type="text/x-handlebars" >
This is application template
</script>

<script type="text/x-handlebars" id="about">
This is about template
</script>

我的application.js

App = Ember.Application.create();

App.Router.map(function(){
this.resouce('about');
});

所以，我想访问index.html，那么about模板已经加载了吗？ ，我的意思是我自然认为是GET index.html页面并从中提取了车把模板，因此应用程序启动时应加载index.html中定义的所有模板。这是正确的吗？ ，将不同的模板潜入不同的文件将纠正这个？

Answer 1

是的，所有模板都将在启动时以上述方式提供。

如果您只想将模板分开以进行开发。只需将模板分成不同的＆＃39; hbs＆＃39;文件并使用grunt precompiler任务，该任务将所有模板编译为单个js文件，您可以将其包含在index.html中。大多数ember应用程序只是预编译并连接所有模板和js文件。

如果您考虑延迟加载模板文件，您可能需要自己实现该机制。 Matthew Beale explains on lazy loading stuff in ember

对于应用程序结构和组织，您应该真正研究ember-cli。