如何在单独的文件中存储我的Mustache/Handlebars模板？

Question

我正在项目中使用handlebars.js,我开始有相当数量的模板.现在它们存储在我的主模板应用程序文件中,如下所示:

<script id="avatar_tpl" type="text/html">
bla bla bla {{var}} bla bla bla
</script>

我想知道是否有办法将它们放在一个单独的文件中,如.js文件或其他东西,以避免在我的源代码页中叠加它们.

我知道有几种解决方案可以通过Ajax调用这些模板,但这似乎会给我带来太多不必要的请求.

谢谢

Answer 1

我为我的HTML页面中太多js模板的完全相同的问题创建并开源了NodeInterval.

它允许您将所有模板放入以您喜欢的任何层次结构组织的模板文件夹中.它具有内置watch功能,因此当您修改任何这些模板时,它会自动更新您的HTML页面.我将它与SASS一起用于我的CSS.

我每天都使用下划线模板,但它也适用于胡子模板:

https://github.com/krunkosaurus/NodeInterval