基于antd开发的一个脚手架,致力于开发一个通用的后台系统脚手架。
个人不希望项目配置搞的过于复杂难懂,而是希望能够根据实际业务来灵活调整,所以很多配置化都会基于简单 & 灵活 & 扩展性高 为最基标准。
mock
服务github
上开源成熟的不少,但是每个项目使用的mock并不统一。
考虑再三,决定不使用第三方成熟mock服务,而是自己搭建一个简单的node服务,满足本项目需求即可,便于灵活替换和减少学习成本。
├── dist # 项目输出目录
├── config # webpack配置文件
│ ├── webpack.config.dev.js # 开发环境配置
│ └── webpack.config.prod.js # 生产环境配置
├── public # 公共资源
├── src # 项目源码目录
│ ├──├── components # UI组件及UI相关方法
│ │ ├── skin.less # 全局样式
│ │ └── vars.less # 全局样式变量
│ ├── route.js # 路由配置
│ ├── index.js # 入口文件js
│ └── index.html # 载入点
├── .babelrc
├── .eslintrc.js
├── .gitignore
├── package.json
├── README.md
└── yarn.lock
技术选型上,为了保证通用和精简,不是必要的组件,我不会加进来,请自己根据项目需求进行扩展。
- Webpack 3.0
- React, React-Router 4.0, Redux
- Ant Design
- Npm || Yarn
非常感谢以下开源项目在我构建项目期间,提供的**和规范。
-
react-redux-universal-hot-example
route定义;
-
热替换
-
外观布局;