公用模版如何更好的维护？
### 使用场景&痛点

有一组模版，每一个模版都会在几个页面中使用到，所以就不能通过 **script** 标签写在页面中，就如下面这样：

```html
<script id="test.art" type="text/html">
    <h1><%=title%></h1>
</script>
```

我现在的做法是，把所有模版都放在一个 js 文件里，每个模版定义一个变量，如下：

```javascript
//桌面应用
var appbtn = template.compile(
    '<div id="<%=id%>" class="appbtn" title="<%=title%>" appid="<%=appid%>" realappid="<%=realappid%>" type="<%=type%>">'+
        '<img src="<%=imgsrc%>" alt="<%=title%>" style="width:<%=appsize%>px;height:<%=appsize%>px;">'+
        '<span style="width:<%=appsize+10%>px;"><%=title%></span>'+
    '</div>'
);
//桌面"添加应用"应用
var addbtn = template.compile(
    '<div class="appbtn add">'+
        '<img src="static/img/addicon.png" style="width:<%=appsize%>px;height:<%=appsize%>px;">'+
        '<span style="width:<%=appsize+10%>px;">添加应用</span>'+
    '</div>'
);
//任务栏
var task = template.compile(
    '<a id="<%=id%>" class="task-item task-item-current" title="<%=title%>" appid="<%=appid%>" realappid="<%=realappid%>" type="<%=type%>">'+
        '<div class="task-item-icon">'+
            '<img src="<%=imgsrc%>" alt="<%=title%>">'+
        '</div>'+
        '<div class="task-item-txt"><%=title%></div>'+
    '</a>'
);
```

但这样就涉及到一个问题，放在 js 里，那模版就需要改成字符串拼接的方式，维护起来很吃力，有没有更好解决办法？既能更好的维护模版，又能做到模版可以公用。