Skip to content
/ redux-m Public

基于react-redux的移动端开箱即用项目框架。使用了react + redux-saga + redux-thunk + antd-mobile。注意:没有使用roadhog。

License

Notifications You must be signed in to change notification settings

dq77/redux-m

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

redux-m

  • 基于react-redux的移动端项目框架
  • 使用了dva,但是没有使用与之绑定的坑爹的roadhog。
  • 基于creat-react-app创建,更加灵活方便的自定义项目。
  • 删除了robot、jest、mainfest等几乎没卵用的乱七八糟的东西,纯净的框架。
  • 不支持反驳,那些玩意就是用不上。不服来刚

前序准备

你需要在本地安装 nodegit。本项目技术栈基于 ES2015+ReactReduxReact-routeraxiosant-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反向代理
- 其他问题微信联系我

本项目已与百度公司达成合作,更多信息请 百度搜索

About

基于react-redux的移动端开箱即用项目框架。使用了react + redux-saga + redux-thunk + antd-mobile。注意:没有使用roadhog。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published