AngularJS+requireJS項目的目錄結構設想

標籤：style   blog   http   檔案   2014   art   

準備用AngularJS + require.js 作為新項目的底層架構，以下目錄結果只是一個初步設想：

/default    放頁面，不過對於one page 項目，可能裡面需要建一個partials檔案夾；

/develop   放測試及web server相關的東西，這個是不需要部署到正式環境的，所以從static中分離出來了

/static      css+img+js+partials+r.js+build.js，後面兩個是require.js打包壓縮合并部署需要用的，

　　　　　 css+img+js+partials裡都有如下共同的結構，這兩個目錄內部結構打算以功能來劃分：

　　　　　　/app           具體業務相關的代碼

　　　　　　/modules　  公用UI組件

　　　　　js裡多了

　　　　　　/lib　　　　 angularjs,require.js,jquery.js等第三提供的庫

　　　　　　config.js     require.js的配置

/build　　  require.js 執行r.js指令碼對代碼壓縮合并後產生的檔案夾，只有/build和/default這兩個檔案夾是會部署到正式環境的。

 

以上只是簡單的設想，根據angular-seed項目的目錄結構，每個module都會包含以下目錄

對於較複雜的業務module，可以是下面這種結構：

以上完畢。

第一次嘗試用Angular.js，可能想得比較簡單，只能在實際過程中慢慢最佳化了。

求路過的大神指導！