目录结构
1.整体目录结构
—— app/ //项目源码目录
—— build/ //项目构建目录
—— components/ //项目依赖组件目录,如Angular
—— bower/ //Bower管理的库
—— ... //其他库
—— gulp/ //gulp构建配置文件
—— exam/ //示例代码,如UI示例代码
—— joli //joli UI的示例代码
—— gulpfile.js //gulp命令入口文件
—— package.json //依赖的node模块配置
—— bower.json //依赖的bower组件配置
2.app目录结构
—— modules/ //模块目录,放置所有模块文件
—— common/ //公共模块,放置一些公共的文件
—— css/ //公共CSS目录
—— com.scss
—— html/ //公共HTML目录
—— layout.html //布局文件,为左右布局,之后有可能引入其他布局
—— sidebar.html //左侧导航组件
—— top.html //右侧顶部组件
—— js/ //公共JS目录
—— controller/ //公共组件控制器目录
—— controller.js
—— directive/ //所有的指令目录
—— directive.js
—— service/ //所有的service目录
—— service.js
—— app.js //项目启动文件,未进行模块化加载
—— util.js //项目公共工具类,配置工具属性的方法和polyfill
—— app/ //app模块,作为示例模块
—— app.html //模板
—— app.js
—— app.scss
—— index.html //项目唯一入口HTML