{"repo":"whevether/react-template","free":true,"listed":false,"github":"https://github.com/whevether/react-template","clone":"git clone https://github.com/whevether/react-template.git","description":"react 模板。","language":"JavaScript","stars":23,"topics":["react","react-template","react-router","react-redux","redux","redux-thunk","axios","webpack5","webpack-dev-server","vite"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"React Template React 19.x 脚手架，支持 Webpack 5.x 与 Vite 7.x 双构建方案。 在线演示 --- 环境要求 - Node.js ≥ 20 - npm ≥ 10 --- 快速开始 安装依赖 若遇依赖冲突，可使用： 开发 命令 说明 ------ ------ npm run dev 使用 Vite 启动开发环境（推荐，带热更新并自动打开浏览器） npm run start 使用 Webpack 启动开发环境（会先执行 lint 与 test:watch） 构建 命令 说明 ------ ------ npm run buildvite Vite 生产环境构建 npm run buildvite:test Vite 测试环境构建 npm run build:prod Webpack 生产环境构建并打开 dist 预览 npm run build:test Webpack 测试环境构建并打开 dist 预览 其他脚本 命令 说明 ------ ------ npm run lint ESLint 检查并自动修复 npm run test 运行单元测试 npm run test:watch 单元测试并监听文件变化 npm run remove-dist 删除 dist 目录 npm run clean-dist 清空并重建 dist 目录 --- 脚本说明（与 package.json 对应） 安装或启动前会自动执行： - preinstall ：检查 Node 版本（需 ≥ 20） - prestart / predev ：启动前输出提示并执行 remove-dist - prebuild / prebuildvite ：构建前执行 clean-dist 与 lint 内部脚本（一般无需直接执行）： - open:src ：Webpack 开发服务器 - open:dist ：启动 dist 静态预览服务 - start-message ：启动时打印提示信息 --- 路由与页面结构 项目使用 React Router v7 的 createBrowserRouter + RouterProvider ，采用嵌套路由与布局。 路由一览 路径 布局 说明 ------ ------ ------ / DefaultLayout 首页（Home） /redbull DefaultLayout RedBull 页 /snacks DefaultLayout Snacks 父级（含子路由） /snacks/one DefaultLayout Snacks / One /snacks/two DefaultLayout Snacks / Two /keep DefaultLayout Keep 页 /login LoginLayout 登录页 /401 无布局 无权限页 无布局 404 未找到 布局说明 - RootLayout ：根布局，仅提供 - DefaultLayout ：需登录 + 权限校验；包含顶部导航与页脚，未登录跳 /login ，无权限跳 /401 - LoginLayout ：登录相关页面布局 权限与路径映射（ src/utils/permission.js ） 路径与权限标识对应关系： - / → dash - /redbull → redbull - /snacks → snacks - /snacks/one → snacks.one - /snacks/two → snacks.two - ","default_branch":null,"files":null,"tree":[],"storefront":"/r/whevether","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/whevether/react-template/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}