docs(mp): 新增小程序全页面 HTML 原型 + UI 优化指南

- 新增 12 个核心页面原型（登录/首页/咨询/预约/商城/健康等） - 新增医生端分包原型（核心 + 临床两个分包） - 新增 AI 客服对话页原型 - 新增 MP UI 优化指南文档 - 更新 wiki 基础设施和小程序文档
2026-05-17 00:51:07 +08:00
parent 710b2e2423
commit aa27c5174c
93 changed files with 15506 additions and 70 deletions
--- a/apps/miniprogram/config/dev.ts
+++ b/apps/miniprogram/config/dev.ts
@@ -20,5 +20,23 @@ export default {
      });
    },
  },
-  h5: {},
+  h5: {
+    devServer: {
+      proxy: {
+        '/api': {
+          target: 'http://localhost:3000',
+          changeOrigin: true,
+        },
+      },
+      client: {
+        overlay: {
+          errors: true,
+          warnings: false,
+        },
+      },
+    },
+    webpackChain(chain) {
+      chain.resolve.alias.set('react-dom$', require.resolve('react-dom'));
+    },
+  },
 } satisfies UserConfigExport;
--- a/apps/miniprogram/config/index.ts
+++ b/apps/miniprogram/config/index.ts
@@ -8,7 +8,7 @@ export default defineConfig(async (merge) => {
    designWidth: 375,
    deviceRatio: { 640: 2.34 / 2, 750: 1, 375: 2, 828: 1.81 / 2 },
    sourceRoot: 'src',
-    outputRoot: 'dist',
+    outputRoot: process.env.TARO_ENV === 'h5' ? 'dist-h5' : 'dist',
    plugins: [],
    defineConstants: {
      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
--- a/apps/miniprogram/config/prod.ts
+++ b/apps/miniprogram/config/prod.ts
@@ -18,7 +18,6 @@ export default {
  h5: {
    miniCssExtractPluginOption: {
      ignoreOrder: true,
-      cssLoaderOption: { importLoaders: 1, esModule: false },
    },
  },
 } satisfies UserConfigExport;
--- a/apps/miniprogram/package.json
+++ b/apps/miniprogram/package.json
@@ -6,7 +6,9 @@
  "scripts": {
    "build:weapp": "taro build --type weapp",
    "dev:weapp": "taro build --type weapp --watch",
-    "test:e2e": "vitest run --config e2e/vitest.config.ts"
+    "test:e2e": "vitest run --config e2e/vitest.config.ts",
+    "dev:h5": "dotenv -e .env.h5 -- taro build --type h5 --watch",
+    "build:h5": "dotenv -e .env.h5 -- taro build --type h5"
  },
  "browserslist": [
    "last 3 versions",
@@ -23,6 +25,7 @@
    "@tarojs/shared": "4.2.0",
    "@tarojs/taro": "4.2.0",
    "react": "^18.3.0",
+    "react-dom": "18.3.1",
    "zustand": "^5.0.0"
  },
  "devDependencies": {
@@ -30,15 +33,19 @@
    "@babel/preset-react": "^7.28.5",
    "@babel/preset-typescript": "^7.28.5",
    "@babel/runtime": "^7.27.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.6.2",
    "@tarojs/cli": "4.2.0",
+    "@tarojs/plugin-platform-h5": "^4.2.0",
    "@tarojs/webpack5-runner": "4.2.0",
    "@types/react": "^18.3.0",
    "babel-preset-taro": "^4.2.0",
+    "dotenv-cli": "^11.0.0",
    "miniprogram-automator": "^0.12.1",
+    "react-refresh": "^0.14.0",
    "sass": "^1.87.0",
    "typescript": "^5.8.0",
    "vite": "^8.0.10",
    "vitest": "^4.1.5",
    "webpack": "~5.95.0"
  }
-}
+}
--- a/apps/miniprogram/pnpm-lock.yaml
+++ b/apps/miniprogram/pnpm-lock.yaml
--- a/apps/miniprogram/src/index.html
+++ b/apps/miniprogram/src/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <title>HMS 健康管理</title>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>