Yeoman/JS:在HTML模板中重复HTML块-编译以最终与Wordpress集成？

Question

是的，所以我目前正在做一个项目，这个项目最终将由Wordpress后端驱动，但前端将是，由CSS3和JavaScript提供大量的支持--甚至可能利用历史API和通过AJAX动态加载内容。

我目前正在处理静态HTML模板、正确的布局、获取页面间交互和导航所需的所有JS等等。我目前正在使用Yeoman作为监视服务器来编译我的SASS模板，并使用RequireJS合并所有JS模块。

一切都很好，但我开始注意到，我在HTML模板中重复了很多HTML块，而且效率不高--我只想在一个地方编辑这个块，让它在页面上重复很多次--页眉、页脚、博客列表页面上的单个博客条目等等，而我只是搭建前端模板。

本质上，我想做的是有块模板，我可以导入到父文件中，循环生成我需要的文件，一旦我准备好通过Wordpress驱动最终标记，我就可以构建这个项目，导出静态文件，以及编译好的JS和CSS3，然后将HTML分解成一个Wordpress构建。

我该怎么做呢？

集成Jade？使用把手？我并不太在意Jade提供的简化语法，我只是想在搭建的时候能够从模板中编译普通的HTML。比如Jekyll？有基于节点的版本吗？

这是做事情的正确方法吗？我已经考虑过从JSON生成我的所有前端，在Wordpress集成期间，在Wordpress中公开JSON，但是在DOM中生成所有模板不会产生任何 SEO，这是一个值得关注的问题。

你们觉得怎么样？

Answer 1

我一直在寻找完全一样的东西。由于习惯于将jekyll用于html预处理，我假设Yeoman将自然地支持布局和包含。

不幸的是它没有https://github.com/yeoman/yeoman/issues/700

这并不是说它不起作用，但我已经尝试使用约曼-杰基尔，在OSX和Windows上与它进行了一个小时的斗争后，我发现它不能像默认的Yeoman构建那样生成一个完整的gruntfile。

你提到了Jade，我对它并不熟悉，但这看起来像一个方便的帖子：将Jade集成到Yeoman的服务器/监视/重新加载任务中

保持简单，我希望我做到了！