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

原文地址:https://www.cnblogs.com/Leo_wl/p/3864185.html