vite-to-astro - 将 React Vite SPA 迁移至 Astro
将 React + Vite SPA 迁移至 Astro，支持基于文件的路由、React 组件岛和 SSR 模式
标签
更新于: 2026-03-22能力
典型输入
典型输出
该技能可以做什么
- 转换 React Router 为基于文件的路由
- 迁移 framer-motion 至 motion/react
- 升级 Tailwind CSS 到版本 4
- 设置 React 组件岛
- 实现服务端渲染模式
- 配置视图过渡
- 清理 React 19 导入
输入
- React + Vite SPA 项目
- React Router 配置
- framer-motion 导入
- Tailwind CSS 3 配置
- 项目依赖
输出
- Astro 项目结构
- 转换后的 React 组件
- 更新后的 Tailwind CSS 4 配置
- 服务端渲染页面
- 视图过渡动画
要求
- Astro 5 运行环境
- React 19 支持
- Tailwind CSS 4 支持