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   监听

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