react-ant-admin

Appearance

Return to top
On this page

分支介绍

在github仓库默认使用 webpack 分支。而在gitee仓库默认使用vite分支进行开发。

webpack

此分支适用于webpack构建，熟练使用webpack的，可以使用此分支进行快速开发。纯hooks语法开发。

包版本介绍

  • webpackv4.*: 构建工具
  • reactv17.*: 前端框架
  • react-domv17.*： 前端框架
  • antdv4.*：UI 框架
  • react-reduxv8.*：状态库
  • ant-theme-generatorv1.*：主题色插件
  • webpack-router-generatorv1.*：自动生成路由插件
  • react-router-domv5.*：路由库
  • react-router-cache-routev1.*：路由缓存库
  • env-cmdv10.*预设环境变量工具

结合以上使用版本，支持主题色更改，路由缓存，懒加载页面。

文件分布 

.
├─ config             webpack配置信息   文件夹
├─ public             静态公共资源      文件夹
├─ scripts            启动配置项        文件夹
├─ src                源码             文件夹
├─ .editorconfig      编辑配置文件      文件
├─ .env-cmdrc.js      启动env变量预设   文件
├─ .gitignore         git忽略配置文件   文件
├─ color.js           主题色脚本文件    文件
├─ LICENSE            项目开源协议      文件
├─ README.md          使用文档         文件
└─ package.json       包管理文件        文件
1
2
3
4
5
6
7
8
9
10
11
12

vite

一种快速开发构建工具。可以值得一试。此分支需要阅读vite文档来进行开发。因为此分支用的都是新鲜东西，所以有部分功能没有支持（路由缓存），需要开发者自行考量。本分支默认使用了typescript + hooks进行开发，react-router使用了最新的v6版本，需要开发者阅读文档再去使用，可以参考本博主总结的路由更新后的写法。

包版本介绍

  • vitev3.*：构建工具
  • reactv17.*: 前端框架
  • react-domv17.*： 前端框架
  • antdv5.*：UI 框架
  • react-reduxv8.*：状态库
  • vite-plugin-react-router-generatorv1.*：自动生成路由插件
  • react-router-domv6.*：路由库
  • env-cmdv10.*：预设环境变量工具
  • typescriptv4.*：JavaScript超集

文件分布 

.
├─ public             静态公共资源      文件夹
├─ src                项目入口          文件夹
├─ theme              主题色文件夹      文件夹
├─ .editorconfig      编辑配置文件      文件
├─ .env-cmdrc.js      启动env变量预设   文件
├─ .gitignore         git忽略配置文件   文件
├─ index.html         页面主入口        文件
├─ LICENSE            项目开源协议      文件
├─ package.json       包管理文件        文件
├─ README.md          使用文档         文件
├─ tsconfig.json      typescript配置   文件
├─ tsconfig.node.json typescript配置   文件
└─ vite.config.ts     构建工具配置      文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14