1.6 KiB
1.6 KiB
图生视频 H5 应用
这是一个从 Taro 小程序转换而来的 Vite + React H5 应用。
功能特性
- 图片风格转换
- 模板选择和预览
- 历史记录管理
- 多语言支持
- 响应式设计
技术栈
- 框架: React 18
- 构建工具: Vite 5
- 路由: React Router 6
- 状态管理: Redux Toolkit
- 样式: CSS + Tailwind CSS
- 类型检查: TypeScript
开发环境
安装依赖
pnpm install
启动开发服务器
pnpm dev
应用将在 http://localhost:3000 启动
构建生产版本
pnpm build
预览生产构建
pnpm preview
项目结构
src/
├── components/ # 可复用组件
├── pages/ # 页面组件
├── hooks/ # 自定义 Hooks
├── store/ # Redux 状态管理
├── utils/ # 工具函数
├── i18n/ # 国际化
├── platforms/ # 平台适配层
└── sdk/ # API SDK
public/
└── assets/ # 静态资源
主要变更
从 Taro 小程序转换为 Vite H5 应用的主要变更:
- 构建工具: Taro → Vite
- 组件系统: Taro 组件 → 标准 HTML 元素
- 路由系统: Taro 路由 → React Router
- API 调用: Taro API → Web API
- 样式系统: 保持原有 CSS,适配标准 HTML
注意事项
- 静态资源已迁移到
public/assets/目录 - 所有 Taro 特定的 API 调用已替换为 Web 标准 API
- 保持了原有的业务逻辑和状态管理
- 支持现代浏览器,建议使用 Chrome/Safari/Firefox 最新版本