Question

我不确定我是否会采用正确的方法，但这是我需要做的。我有常见的.tpl.html文件，我想用于角度模板和模板生成静态.html文件。我想要的是一个系统（与grunt相关），它将把.tpl.html中的垃圾带入一个外部的.html文件并创建一个静态的.html文件。

例如，说我有：

stuff.tpl.html

<div> I want this stuff in my overall template </div>

stuff2.tpl.html

<div> I want this stuff in my overall template to create another html</div>

outer.html

 <head>
   stuff
 </head>
 <body>
      {{insert}}
 </body>

我可以通过将stuff.tpl.html（或stuff2.tpl.html）插入outer.html来制作stuff.html（或stuff2.html）。

我知道如何做角度侧，而不是静态侧。

Answer 1

如果我没弄错，你需要将多个静态文件连接到一个文件中。

您可以使用grunt-contrib-concat来完成这项工作。请参阅以下链接grunt-contrib-concat

如果您需要使用angularJs实现模板，可以使用grunt-html2js将静态html转换为角度模板。然后你可以使用grunt-contrib-concat连接所有角度模板并创建一个js，你可以将其添加到index.html中。

希望这对你有所帮助。