bw-mini-app/README.md

1.6 KiB
Raw Permalink Blame History

图生视频 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 应用的主要变更:

  1. 构建工具: Taro → Vite
  2. 组件系统: Taro 组件 → 标准 HTML 元素
  3. 路由系统: Taro 路由 → React Router
  4. API 调用: Taro API → Web API
  5. 样式系统: 保持原有 CSS适配标准 HTML

注意事项

  • 静态资源已迁移到 public/assets/ 目录
  • 所有 Taro 特定的 API 调用已替换为 Web 标准 API
  • 保持了原有的业务逻辑和状态管理
  • 支持现代浏览器,建议使用 Chrome/Safari/Firefox 最新版本