webpack-react-demo

1. 使用 webpack 搭建 react 企业级开发环境
2. ui 库 antd 5
3. zustand 状态管理
4. webpack 5
5. cms (待完善)

支持功能

• [x] npm run commit 提交代码强校验格式 & git commit 也会提前校验钩子
• [x] 权限
  • [x] menu 展示路由
  • [x] 路由权限
  • [x] 按钮权限 AuthButton
• [x] slide 3 两种模式
  • [x] slide
  • [x] menu
  • [x] slideandmenu
• [ ] 登陆页面
• [ ] 主题色搭配
  • [ ] 3 套主题色
  • [ ] 实现快速切换套主题色
• [x] 白天 黑夜模式实现自动切换
  • [x] 可手动切换 目前暴露了手动切换的方法
  • [x] 手动切换的按钮
  • [x] 支持监听系统白天黑夜模式
• [x] 多页签初版本实现 支持可配置是否开启多页签
  • [x] 多页签缓存实现 支持可配置是否开启多页签缓存
  • [x] 多页签参数不同打开不同页签
• [x] 支持搜索路由
  • [x] 已打开路由
  • [x] 全部页面
• [x] 动态换肤
• [x] 高度封装的 axios
• [x] 常用组件
  • [x] queryTable 快速 Crud 组件 配置化生成 crud 页面
  • [x] Resizeable 可拖拽 table
  • [x] FixedButton 底部固定 button
  • [x] PageWarp 页面包裹组件
  • [x] DetailWarp 详情页面包裹组件
  • [x] Tree 支持虚拟列表 百万级数据的 tree
• [x] 常用 hooks
  • [x] useNetwork 测用户网速
  • [x] useChain 责任链
  • [x] useStateActions 状态机
  • [x] useMiddleware 中间件
  • [x] useLock 防重复点击锁
• [x] 基础 less mixins
• [x] 可配置的 webpack config
• [x] 自动引入 react react-router-dom antd
• [x] 通过命令生成模版函数 npm run create
  • [x] 生成页面模版
  • [x] 生成组件模版
  • [x] 生成 hooks 模版
  • [x] 生成 crud(qyerytable) 页面模版