帶backbone.js和requirejs包的web應用程序，requirejs優化器

我非常感謝Addy Osmani和Thomas Davis發佈他們的示例和樣板（http://backbonetutorials.com/organizing-backbone-using-modules，https://github.com/addyosmani/backbone-aura）。帶backbone.js和requirejs包的web應用程序，requirejs優化器

他們幫助我開始了很多。

我目前正在開發一個大型的web應用程序。所以我有很多組件，比如地址管理，日期管理，待辦事項。每個組件都填充了我應用程序中的整個空間（除了菜單欄）。每次在菜單中選擇一個新組件都需要進行頁面轉換。

在開始時，我採用了上述教程使用的文件結構，樣板文件（將'views'目錄的所有視圖都給出了）。但隨着更多組件的添加，將所有視圖集成到一個視圖目錄中變得令我困惑。即使製作子目錄也不是解決方案，因爲在這個文件結構中，我丟失了哪個視圖與哪個模型相關的信息。

所以我搜索了另一個解決方案，發現requirejs amd包（http://requirejs.org/docs/api.html#packages）。這幫助了我很多，因爲屬於相同組件（模型，集合，視圖）的所有模塊都進入了一個目錄。因爲使用「Model」（等等）來後綴每個模型，對於我來說足夠乾淨的事情。

現在回到問題：我正處於試生產階段。我沒有考慮將生產部署連接在一起。但是現在我想嘗試requirejs優化器。我已閱讀James Burke的頁面「http://requirejs.org/docs/optimization.html」。但並非所有事情都清楚。

我想要的是以下內容：我有這些包目錄。來自一個包目錄的所有amd模塊（視圖，模型，集合）應連接到一個文件，但不應包含它們的依賴關係，因爲許多這些外部包依賴關係在開始時分別加載。

有沒有人有相同或相似的要求，誰已經採取了這一步，可以給一些提示。

非常感謝
沃爾夫岡

來源

2012-02-09 Wolfgang Adamec

我剛剛發佈了一個開源工具包，希望可以幫助其他人，儘可能幫助我。它是許多開源工具的組成部分，它爲您提供了一個開箱即用的requirejs骨幹應用程序。它提供單個命令來運行：dev web服務器，jasmine單一瀏覽器測試運行器，jasmine js-test-driver多瀏覽器測試運行器以及JavaScript和CSS的級聯/縮小。它還輸出用於生產調試的應用程序的非最小版本，預編譯您的手柄模板，並支持i18n。它只是工作。 http://github.com/davidjnelson/agilejs – davidjnelson 2013-02-16 19:46:23

你可以看看這些夫婦boilerplates，看看他們是否有幫助？

https://github.com/jcreamer898/RequireJS-Backbone-Starter
https://github.com/david0178418/BackboneJS-AMD-Boilerplate
https://github.com/swbiggart/node-express-requirejs-backbone

數那些在它們中構建腳本來向你展示它是如何工作的。

來源

2012-02-09 13:28:59 jcreamer898

謝謝你，你能告訴我們你使用過哪些樣板，爲什麼？ – 2012-02-21 08:56:17

我寫了第一個，它包含了構建腳本以及Backbone和Underscore的一些真正的AMD分支，所以不需要使用第二個使用的加載器。第三個是使用Node作爲服務器的例子。 – jcreamer898 2012-02-21 14:25:12

請問您可以添加一個鏈接到AMD分叉？我找不到它。 – abstraktor 2012-03-16 12:16:23

帶backbone.js和requirejs包的web應用程序，requirejs優化器

回答

相關問題