首页 > js调用underscore模板,模板的定义位置与引入有什么比较好的实践

js调用underscore模板,模板的定义位置与引入有什么比较好的实践

最近在使用underscore的模板引擎进行一些页面的输出。我一般都是将模板写在<script type="text/template">块里,然后嵌入页面。在使用的时候通过jquery进行引用。

<html>
<body>...</body>
<script id="tpl" type="text/template">...</script>
<script>
var myTemplate=$("#tpl").html();
</script>
</html>

不过这样做模板与html页面并存,感觉有一些乱,请问还有其他比较好的引入方式吗,最佳实践又是怎样?比如说是不是可以把所有模板都放在一个文件里面,然后在js里面进行调用?


一般来说 就是按你现在用的方法来做

如果模板分离维护 则需要使用外部工具来实现
把各个模板保存成单独的文件
使用类似 grunt 的 grunts-includes 将模板合并到html中
其实质和第一个方法相同 只不过便于维护


没有最佳实践,只有最适合自己的实践。

我倾向于直接写在backbone.view实例的template属性上,这样这个实例才是一个完整的整体。一个view就是一个component。


用RequireJS管理,RequireJS有一个插件叫text可以import html

https://github.com/requirejs/text

【热门文章】
【热门文章】