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

王朝学院·作者佚名  2016-05-23
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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

求路过的大神指导!

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航