Emberjs:一次加载所有模板

Emberjs : Loading all template at once

本文关键字：加载 一次 Emberjs      更新时间：2023-09-26

所以我一直在想，如果我把所有的模板写进一个文件，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');
});

假设i访问index.html，那么此时about模板是否已经加载?我的意思是，我自然地假设它GET index.html页面并从中提取车把模板，因此在index.html中定义的所有模板都应该在应用程序启动时加载。这样对吗?，将不同的模板放入不同的文件中会纠正这个问题吗?

是的，所有模板都将在启动时通过上述方式可用。

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

如果您考虑延迟加载模板文件，您可能需要自己实现该机制。Matthew Beale解释了ember中的惰性加载。

对于应用程序的结构和组织，您应该查看ember-cli。

相关文章：