AngularJS+requireJS项目的目录结构设想

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，可能想得比较简单，只能在实际过程中慢慢优化了。

求路过的大神指导！

 

 

分类: JavaScript

标签: AngularJS