/react-antd-swissgear

a scaffold

Primary LanguageJavaScript

React 脚手架

基于antd开发的一个脚手架,致力于开发一个通用的后台系统脚手架。

个人不希望项目配置搞的过于复杂难懂,而是希望能够根据实际业务来灵活调整,所以很多配置化都会基于简单 & 灵活 & 扩展性高 为最基标准。

Mock服务

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

借鉴项目

非常感谢以下开源项目在我构建项目期间,提供的**和规范。