目录结构

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