目录结构及说明

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容