SuperAPI AI 工具集

react-vite

前端与建站

查看项目

更新于 10-16 04:59

技能介绍

用途:面向 React + Vite 的单页应用(SPA)开发,提供项目搭建、配置与优化方面的模式参考。

主要能力与内容:包含项目目录结构建议(入口 main.tsx、根组件 App.tsx,以及 components/ui、components/features、hooks、lib、pages、store、types、styles 等目录);Vite 配置(启用 @vitejs/plugin-react、设置 @ 路径别名指向 ./src、开发服务器端口 3000 与 /api 代理到 http://localhost:8000、构建时通过 rollupOptions.output.manualChunks 拆分 vendor 包);环境变量使用(以 VITE_ 前缀声明,如 VITE_API_URL、VITE_APP_NAME,通过 import.meta.env 读取);TypeScript 路径别名配置(tsconfig.json 中 baseUrl 与 paths);React Router 接入(BrowserRouter 包裹应用,Routes/Route 定义路由与 NotFound 兜底);路由懒加载(lazy + Suspense);开发脚本(dev、build、preview、lint)。

使用方式:按上述结构组织代码,在 vite.config.ts、tsconfig.json、.env 与 package.json 脚本中应用对应配置,即可搭建并运行 React SPA。

限制:资料未说明具体安装命令、版本要求、收费方式或性能收益数据,暂未提供。