|
|
||
|---|---|---|
| .husky | ||
| .promptx/resource/role/taro-ui-expert | ||
| public/assets | ||
| src | ||
| tests | ||
| types | ||
| .editorconfig | ||
| .env.development | ||
| .env.production | ||
| .env.test | ||
| .eslintrc | ||
| .gitignore | ||
| .prettierrc | ||
| API.md | ||
| CLAUDE.md | ||
| README.md | ||
| commitlint.config.mjs | ||
| index.html | ||
| jest.config.js | ||
| mini-app.md | ||
| package.json | ||
| pnpm-lock.yaml | ||
| postcss.config.js | ||
| stylelint.config.mjs | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
README.md
图生视频 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 最新版本