我不确定我是否以正确的方式做到这一点,但这是我需要做的。 我有常见的 .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>
外.html
<head>
stuff
</head>
<body>
{{insert}}
</body>
我可以通过将stuff.tpl.html(或stuff2.tpl.html)插入外部.html来制作东西.html(或stuff2.html)。
我知道如何做角度方面,只是不是静态方面。
没记错的话,您需要将多个静态文件连接成一个文件。
您可以使用grunt-contrib-concat来完成这项工作。请参阅下面的链接 grunt-contrib-concat
如果你需要使用angularJs实现模板,你可以使用grunt-html2js,它将你的静态html转换为angle模板。然后你可以使用 grunt-contrib-concat 来连接所有的角度模板并创建一个 js.html你可以简单地添加到你的索引中。
希望这对您有所帮助。