HTML模板的好的資產打包程序？

Question

我正在編寫一個非常復雜的Web應用程序，以至於它需要大量的HTML模板系列（具體來說，它們是下划線模板，但這部分並不重要）。

我確實希望能夠編寫如下所示的模板文件：

fooTemplate:
<div class="foo">
   <div class="bar"><%=name %></div>
</div>

並把我所有的模板文件變成一個看起來像這樣的單個JS文件：

window.templates = {}
...
templates.fooTemplate = '<div class="foo"><div class="bar">...</div>';

理想特性：

• 有一些方法可以指定每個模板的名稱
• 從所有模板文件中刪除不必要的空格
• 將所有模板文件連接成一個整體的JS文件
• 監視目錄並在文件更改時自動更新

有什么東西可以做這些事情嗎？

Answer 1

您不太可能找到能夠完成您列出的所有操作的全面解決方案，不可避免地會需要“一些組裝”（如果沒有，我很想聽聽）。

• 在Rails世界中， Jammit將做很多您描述的事情。 盡管它似乎與Rails緊密耦合，但是我不是Rails專家，所以我不能建議（濫用）不同的堆棧有多難。
• 在Django世界中，有django-asset-packager ，但僅提及CSS / Javascript。
• 結合make / Rake / Paver / Cake / Ant任務來基於wr或guard進行目錄監視，滾動自己的文件可能並不需要太多工作。 我曾經按照這些方式做過一個臨時解決方案，甚至沒有花半個工作日。
• 您還可以在capt中找到一些靈感。