使用 Create-React-App + Ant-Design-Pro 框架整合,集合了react-redux、react-router-redux、redux-saga、axios 等。
(削除) 为什么不使用 Ant Design 官方的构建工具进行构建? (削除ここまで)
(削除) 由于官方构建工具,在 Debug 的时候,无法在源码上进行调试,通过浏览器 Sources 看到的源码是编译后的代码,给调试造成了很大的障碍,所以采用上述方法进行了一下整合。 (削除ここまで)
上述问题,据说在 Ant Design 官方构建工具 roadhog@2.2.0 已经解决掉了,感兴趣的童鞋可以去下载试一下。
wx-react-app 在 v0.3.0 之后加入了接口服务。
开源项目 wx-react-service 为其提供接口服务支持。
wx-react-app 在 v0.3.0 之前还是采用 mock.js模拟数据
- build 打包后的项目目录
- public
- favicon.ico
- index.html 主页面
- mainifest.json
- src 源码文件夹
- assets 资源文件夹
- common
- menu.js 菜单配置文件
- router.js 路由配置文件
- components 组件文件夹
...
- layouts 布局文件夹
- BaseLayout.js 后台布局
- BaseLayout.less
- UserLayout.js 登录布局
- UserLayout.less
- mock 模拟数据文件夹
......
- redux
- index.js 所有同步redux的入口
......
- routes 容器组件文件夹
......
- saga
- index.js 异步redux的入口
......
- services
- api.js 请求入口
- store
- index.js
- untils 辅助类
.....
index.js
index.css
- config-overrides.js webpack配置文件
......
下载完成后,在项目根目录使用 npm install 或者 yarn install , 推荐使用 yarn 安装。
在根目录运行如下命令:
yarn start