Yeoman / JS：在HTML模板中重復HTML塊-進行編譯以最終與Wordpress集成？

Question

是的，所以我目前正在一個項目中，該項目最終將由Wordpress后端提供支持，但在前端，將由CSS3和JavaScript提供大量支持-甚至甚至可以利用歷史記錄API並動態加載通過AJAX獲得內容。

我目前正在使用靜態HTML模板，正確設置布局，獲取頁面之間的交互和導航所需的所有JS等。我目前使用Yeoman作為監視服務器來編譯我的SASS模板並合並所有JS模塊使用RequireJS 。

一切都很好，但是我開始注意到我在HTML模板中重復了很多HTML塊，而且效率不是很高-我只想在一個地方編輯該塊，然后重復它，但是我需要多次在頁面上-頁眉，頁腳，博客列表頁面上的單個博客項目等，而我正在搭建前端模板。

本質上，我想做的是擁有塊模板，我可以將其導入到父文件中，循環生成所需的文件，一旦准備好通過Wordpress進行最終標記 ，我就可以構建該項目，導出靜態HTML文件以及已編譯的JS和CSS3，然后在最后將HTML分解為Wordpress版本。

我最好怎么辦？

整合翡翠 ？ 使用車把嗎？ 我對Jade所提供的縮短的語法真的不太在意，我只想能夠在搭建腳手架時從模板編譯原始HTML。 也許像傑基爾 ？ 是否有基於節點的版本？

這是做事情的正確方法嗎？ 我考慮過從JSON生成所有前端，並且在Wordpress集成期間，在Wordpress中公開JSON API，但是在DOM中生成所有模板不會產生任何 SEO，這是一個令人擔憂的問題。

你們有什么感想？

Answer 1

我一直在尋找完全相同的東西。 習慣使用jekyll進行html預處理時，我假設Yeoman自然會支持布局和包含布局。

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

並不是說它不起作用，但是我嘗試使用yeoman-jekyll，並且在OSX和Windows上與之爭戰了一個小時之后，發現它不能像默認的Yeoman init構建那樣生成全面的gruntfile。

您提到了Jade，但我對此並不了解，但這看起來很方便： 將Jade集成到Yeoman的服務器/監視/重新加載任務中

保持簡單，希望我做到了！