Backbone.js微模板

Question

我有一個應用程序，它使用Backbone.js，Jquery，鬍鬚和PHP作爲後端。

我已經實現了來自underscore.js的微模板，我目前在我的頁眉頁面中進行了定義。

我對如何組織模板有點懷疑。是否有任何有效的方法來組織文件中的所有模板並根據需要加載它們？

Answer 1

我使用與您完全相同的設置。主幹，jQuery，鬍鬚（用於初始頁面呈現）和PHP（你是SlimPHP的粉絲嗎？:-)我確信有很多方法可以做到這一點，但你可能會考慮使用的一個非常棒的工具是require.js。

有了require，基本上可以將您的Backbone客戶端應用程序編碼爲一系列AMD模塊。模型，集合，視圖是它們自己的模塊，用於定義彼此之間的依賴關係。 AMD模塊的本質是所有模塊都是異步加載的。因此，當您的第一頁加載時，只有獲取該頁面所需的代碼纔會執行​​。當你離開頁面並轉到另一頁面時，執行代碼，包括代碼定義的所有依賴項。

需求的好處是它有一個插件，可以讓你將所有的HTML代碼分離成html文件。您只需定義哪些視圖需要這些文件作爲依賴關係，並將它們作爲文本導入以便在下劃線模板中使用。

一旦您準備好上線，您可以使用require.js的優化功能縮小並將所有js腳本+ html模板合併到一個文件中。砰。

對於大項目來說，像這樣的工具相當不錯。

RequireJS