- 基于react-redux的移动端项目框架
- 使用了dva,但是没有使用与之绑定的坑爹的roadhog。
- 基于creat-react-app创建,更加灵活方便的自定义项目。
- 删除了robot、jest、mainfest等几乎没卵用的乱七八糟的东西,纯净的框架。
- 不支持反驳,那些玩意就是用不上。不服来刚
你需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、React、Redux、React-router 、axios 和 ant-design-mobile,所有的请求数据都使用Mock.js模拟,提前了解和学习这些知识会对使用本项目有很大的帮助。
- 网页版所有页面的公共样式写在 @/index.scss 中
- 所有的页面都在page 文件夹下,并且已模块分类 比如用户--user 单个模块下的公共组件放在views/模块文件夹/components 下
- 路由也以模块分别定义文件, 在router 文件下 modules 下根据模块名称定义 然后导入到 router/index.js 下
- store 文件下 为 redux 文件, 用来做 数据的状态管理,同样在modules 文件夹下添加当前模块的文件
- font 文件夹下用来存在 iconfont 图标, 如需要添加自己的图标到IconFont上选择并下载图标放到当前目录下
- 所有的接口封装按照模块定义在 @/services 下,例如 @/services/user.js 表示用户模块
# 克隆项目
git clone https://github.com/dq77/redux-m
# 安装依赖
npm install
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run start
浏览器访问 http://localhost:3000
# 构建测试环境
npm run build
# 构建生产环境
npm run build
- 打包后文件在build文件夹中
- 打包后url请求路径在正式环境配置文件中,需自行更改
- 若存在跨域,需配置Nginx反向代理
- 其他问题微信联系我
本项目已与百度公司达成合作,更多信息请 百度搜索