umi3-cli-h5 v1.0.3

umi3+ts配置的h5项目模板

使用

• 安装依赖

 yarn

• 启动服务

 yarn start

架构目录

├── config                     	# umi配置
├── dist                        # 打包目录
├── public                      # 资源文件
├── src # 源码目录
│   ├── components              # 自定义组件
		|── Loading				# 全局路由加载loading	
		|── P403				# 403无权限组件
		|── Tabber				# tabber切换组件
		|── Toast				# toast提示组件
│   ├── models                  # 全局数据流
│   ├── layout 					# 布局组件
│   ├── pages                   # 页面组件
│   │   │── 404                 # 404页面
│   │   │── example             # 其他示例页面
│   │   │── home                # 主页
│   │   │── list                # 列表页
│   │   │── login               # 登录页
│   │   │── mine                # 我的页面
│   │   │── tuijian             # 推荐页面
│   │   │── document.ejs        # 入口 HTML 模板
│   ├── router                  # 路由配置
│   ├── services                # 后端接口api存放处
│   ├── utils                   # 工具库
│   │   │── request             # 请求库封装
│   │   │── util.ts             # 常用通用方法
│   ├── wrappers                # 高阶组件配合权限使用
│   ├── access.ts               # 权限控制
│   ├── app.ts                  # 运行时配置
│   └── global.less             # 全局样式
├── .editorconfig               # editor 配置
├── .gitignore                  # git忽略文件
├── .prettierignore             # prettier忽略文件
├── .prettierrc                 # prettier 配置
├── .相关说明.md                  # 部分功能说明
├── package.json                # 项目描述文件
├── README.md                   # 文档说明
├── tsconfig.json               # typescript 配置
└── typings.d.ts                # 定义ts模块声明

实现功能

• 移动端适配：postcss-px-to-viewport
• toast组件
• ui组件：semantic-ui-react :https://semantic-ui.com/
• 权限路由
• umi-request请求封装