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


准備用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,可能想得比較簡單,只能在實際過程中慢慢優化了。

求路過的大神指導!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM