小编Abh*_*M A的帖子

我正在开发Backbone.js应用程序.我们使用underscore.js模板将内容加载到View.目前我们在index.html文件中有所有模板,因此文件的大小正在增加.任何人都可以帮我找到将这些模板分离到其他文件的解决方案吗？提前致谢.

编辑

最近我访问了Backbone模式,我发现我们可以使用JST模板为每个模板创建单独的模板文件.他们解释说我们可以创建一个jst.js文件来放置我们所有的模板代码:

// http://myapp.com/javascripts/jst.js
window.JST = {};

window.JST['person/contact'] = _.template(
    "<div class='contact'><%= name %> ..."
);

window.JST['person/edit'] = _.template(
   "<form method='post'><input type..."
);

<script src="http://myapp.com/javascripts/jst.js"></script>

现在所有模板都在jst.js文件中.但是,如果您有许多模板,并且希望将模板移动到单独的文件,则可以创建单独的模板文件:

// http://myapp.com/javascripts/jst.js
window.JST = {};

//http://myapp.com/javascripts/contactPerson.template.js
window.JST['person/contact'] = _.template(
    "<div class='contact'><%= name %> ..."
);

//http://myapp.com/javascripts/editPerson.template.js
window.JST['person/edit'] = _.template(
   "<form method='post'><input type..."
);

<script src="http://myapp.com/javascripts/jst.js"></script>
<script src="http://myapp.com/javascripts/contactPerson.js"></script>
<script src="http://myapp.com/javascripts/editPerson.js"></script>

如果有任何简单的想法,请告诉我.谢谢!