my-react-webpack-ts-cli 🚀

项目目录结构

|-- build | |-- webpack.base.ts # 公共配置 | |-- webpack.dev.ts # 开发环境配置 | |-- webpack.prod.ts # 打包环境配置 | |-- webpack.analy.ts # 打包速度配置 |-- public | |-- index.html # html 模板 |-- src | |-- App.css | |-- App.tsx | |-- index.tsx # react 应用入口页面

项目功能

• 🚀 主技术栈：webpack5 + React18 + TS4.x + React-Router6.x
• 🚀 代码风格和规范：eslint + prettier + stylelint + husky + pre-commmit + commitlint
• 🚀 样式与处理器： -- CSS module：less、sass、stylus -- CSS-in-JS：styled-components、emotion -- Atom CSS：tailwind、windi
• 🚀 状态管理：TanStack Query、RTK/RTK-Query、mobx、recoil、jotai、zustand......
• 🚀 UI：Antd5.x、Arco design -（按需加载、dark theme、I18n）
• 🚀 单测：Jest、React testing library，Chai、Mocha、Enzyme's......
• 🚀 性能优化 -- 工具层面：热更新、资源压缩、代码分离（动态导入、懒加载、预加载等）、缓存…… -- 代码层面：大组件拆分、全局状态管理、组件封装、re-render -- 静态资源：图片、fonts、Media、数据资源(JSON、csv、tsv、excel)......
• 🚀 React-Admin、可视化大屏、响应式、代码生成、低代码
• 🚀 权限：React-Admin(RBAC) + Go、React-Admin(RBAC) + Node
• 🚀 接口 mock
• 🚀 CI/CD、nginx、jekins、Docker 部署