Yeoman / JS:在HTML模板中重复HTML块 – 编译最终与WordPress集成?

对,所以我目前正在研究一个最终将由WordPress后端支持的项目,但在前端,将大量使用CSS3JavaScript – 甚至可能利用历史API并dynamic加载内容通过AJAX。

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

一切都很好,但我开始注意到我在HTML模板中重复了很多HTML块,它不是很有效 – 我想只在一个地方编辑块,然后重复,但是我需要很多次在页面上 – 页眉,页脚,博客列表页面上的单个博客项目等,而我脚手架的前端模板。

从本质上讲,我想要做的是块模板,我可以导入到父文件,通过循环来生成我需要的文件,一旦我准备通过WordPress的最终标记 ,我可以build立该项目,导出静态HTML文件,以及编译后的JS和CSS3,然后将HTML分解成最后一个Wordpress构build。

我最好怎么样呢?

整合翡翠 ? 使用把手 ? 对于Jade提供的简短语法,我并不是太在意,我只是希望在脚手架的时候能够从模板中编译vanilla HTML。 也许像杰基尔 ? 有没有基于节点的版本?

这甚至是正确的方式去做事吗? 我已经考虑从JSON生成所有的前端,并且在Wordpress集成期间,在Wordpress中公开JSON API,但是生成DOM中的所有模板将不会产生任何 SEO,这是一个问题。

你们有什么感想?

我一直在寻找完全一样的东西。 习惯于使用jekyll进行html预处理,我认为Yeoman自然会支持布局和包含。

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

不要说这是行不通的,但我已经尝试过使用yeoman-jekyll ,在OSX和Windows上花费了一个小时的时间后,发现它不会像默认的Yeoman init构build那样生成全面的grunt文件。

你提到了Jade,我没有find它,但这看起来像一个方便的职位: 集成玉在Yeoman的服务器/手表/重新加载任务

保持简单,我希望我做到了!