目录结构及说明

H5项目目录结构及说明

     common/      -->公共模块文件夹

          controllers/      -->公用控制器

          templates/        -->公用模板

          directives/        -->公用指令

          services/          -->公用服务

          factorys/          -->公用纯静态js交互效果

          constant.js        -->全局变量

          init.js                -->当前文件夹下初始化文件

     config/          -->打包配置文件夹

          dev.json            -->测试环境调用的接口及其它

     css/              -->静态资源css文件夹

          center/            -->根据业务模块细分css文件夹

          index/              -->根据业务模块细分css文件夹

          public/              -->css公用文件夹

          app.scss            -->sass入口文件

     html/            -->静态资源html文件夹

          center/              -->根据业务模块细分html文件夹

          index/              -->根据业务模块细分html文件夹

     img/              -->静态资源img文件夹

          center/              -->根据业务模块细分img文件夹

          index/              -->根据业务模块细分img文件夹

     js/                -->静态资源js文件夹

          center/              -->根据业务模块细分js文件夹

          index/              -->根据业务模块细分js文件夹

          public/              -->js公用文件夹

     lib/                -->依赖的第三方库文件夹

          angulart/

          jquery/

     components/    -->业务模块文件夹,里面按照业务模块划分

          center/ -->个人中心业务模块文件夹

               controllers/  -->个人中心下的控制器文件夹

               templates/    -->个人中心下的模板文件夹

               directives/    -->个人中心下的指令文件夹

               services/      -->个人中心下的服务文件夹

               factorys/      -->个人中心下的纯净态s交互文件夹

               init.js          -->个人中心下初始化文件

     utils/              -->公用工具方法文件夹(静态交互和数据无关)

     app.js              -->js入口文件

     gulpfile.js        -->gulp配置文件

     index.html        -->html入口文件

     package.json    -->项目需安装的插件列表及项目说明

     node_modules/ -->项目所依赖的包


H5/gulp命令使用说明:

     gulp      测试环境打包

     gulp webserver  监听

你可能感兴趣的:(目录结构及说明)