存儲HTML模板的位置，以便在Backbone.js中使用

Question

我目前正在使用Backbone.js和Middleman開發一個靜態站點（沒有后端或服務器的東西）。 該網站沒有任何動態內容，只有普通的HTML代碼。 但它在頁面和一些Javascript效果之間有一些轉換。

所以我想利用Backbones Router獲取歷史記錄，並希望通過Backbone視圖動態地將視圖附加到DOM。 到現在為止還挺好。

現在我想知道在哪里存儲網站的HTML部分，以便Backbone可以使用它。 使用內聯腳本標記我認為它太亂了，所以我想在不同的HTML文件中交換它。 現在我可以通過requirejs動態加載HTML文件，但我認為最好將所有HTML內容打包到一個JS文件中並在第一次有人訪問頁面時加載它。

這樣的事情怎么可能呢？ 或者有沒有人有更好的解決方案？

Answer 1

如果您正在開發HTML5應用程序，則可以使用應用程序脫機緩存來獲取所有必需的HTML文件和其他資源。 它涉及編寫緩存清單文件。

以下網站提供了離線功能的良好描述並編寫了清單文件： http ： //diveintohtml5.info/offline.html 。

Answer 2

就個人而言，我將骨干的所有部分分別放在不同的文件夾中。 因此，對於模板，我將每個模板和其中一個放在模板文件夾中的單獨文件中。 這樣開發一切都很干凈。 我使用“文本”加載它們！ require.js中的功能。

當我想把項目放在開發中時，我使用了require.js的優化部分，它為我縮小並組合了所有文件。

希望有所幫助。

Answer 3

經過大量的研究，我這樣做：

• 將模板存儲為模板文件夾中的.jst.ejs
• 用鏈輪包括它們
• 使用JST加載模板

在骨干中我使用views類來擴展新視圖並使用模板：

App.Views.Layout.Logo = Backbone.Views.extend({
  template: JST['templates/layout/logo'],
  el: "#logo",
});