最近在使用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里面进行调用？
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
一般来说 就是按你现在用的方法来做
如果模板分离维护 则需要使用外部工具来实现
把各个模板保存成单独的文件
使用类似 grunt 的 grunts-includes 将模板合并到html中
其实质和第一个方法相同 只不过便于维护
用RequireJS管理，RequireJS有一个插件叫text可以import html
https://github.com/requirejs/text
没有最佳实践，只有最适合自己的实践。
我倾向于直接写在backbone.view实例的template属性上，这样这个实例才是一个完整的整体。一个view就是一个component。