Clean project init

.gitattributes

@@ -0,0 +1,37 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text
+*.js filter=lfs diff=lfs merge=lfs -text
+*.map filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,12 @@
+node_modules
+dist
+.DS_Store
+.idea
+.vscode
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+tmp_home
+.swc

Dockerfile

@@ -0,0 +1,32 @@
+# 第一阶段：构建
+FROM node:18-alpine AS builder
+
+WORKDIR /app
+
+# 安装 pnpm
+RUN npm install -g pnpm
+
+COPY package.json pnpm-lock.yaml ./
+
+# 安装依赖
+RUN pnpm install --frozen-lockfile
+
+COPY . .
+
+# 构建 H5
+RUN pnpm run build:h5
+
+# 第二阶段：运行
+FROM nginx:alpine
+
+# 复制构建产物到 Nginx 目录
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+# 暴露端口 (Hugging Face Spaces 需要 7860)
+EXPOSE 7860
+
+# 替换 Nginx 默认端口 80 为 7860，并修改 root 目录
+RUN sed -i 's/listen       80;/listen       7860;/' /etc/nginx/conf.d/default.conf && \
+    sed -i 's/root   \/usr\/share\/nginx\/html;/root   \/usr\/share\/nginx\/html; try_files $uri $uri\/ \/index.html;/' /etc/nginx/conf.d/default.conf
+
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -0,0 +1,69 @@
+---
+title: Taro 多端开发示例
+emoji: 🚀
+colorFrom: blue
+colorTo: green
+sdk: docker
+pinned: false
+short_description: Taro 多端开发示例
+---
+
+# Taro 多端开发示例
+
+这是一个基于 Taro 4 的多端开发项目，支持微信小程序、H5 等多端运行。
+
+## 功能特性
+
+- **多端支持**: 一套代码同时生成小程序和 H5 应用。
+- **H5 适配**: H5 页面限制最大宽度并居中显示，适配桌面端浏览器。
+- **中文支持**: 全中文注释和文档。
+- **Docker 部署**: 提供 Dockerfile 用于容器化部署。
+
+## 快速开始
+
+### 安装依赖
+
+```bash
+npm install
+# 或者
+pnpm install
+```
+
+### 开发环境运行
+
+```bash
+# 微信小程序
+npm run dev:weapp
+
+# H5
+npm run dev:h5
+```
+
+### 构建生产版本
+
+```bash
+# 微信小程序
+npm run build:weapp
+
+# H5
+npm run build:h5
+```
+
+## 目录结构
+
+```
+├── config                  # 编译配置
+├── src                     # 源码目录
+│   ├── pages               # 页面文件
+│   ├── app.config.ts       # 全局配置
+│   ├── app.scss            # 全局样式
+│   ├── app.tsx             # 入口组件
+│   └── index.html          # H5 入口模板
+├── Dockerfile              # Docker 构建文件
+└── package.json            # 项目依赖
+```
+
+## 注意事项
+
+- H5 端使用了条件编译样式，确保在大屏设备上居中显示。
+- 小程序端请使用微信开发者工具打开 `dist` 目录预览。

babel.config.js

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ae8cb37589eee8e7089c19e24229fc7e56d25b53068e145ef9912b5f9ad4c088
+size 231

config/dev.js

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:52d62ddf3ada598dee5bd20e3d886bd73307d448700f66c51dc3329ca3a849b5
+size 241

config/index.js

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:503271efb20c025d5bc9ed8f504a3260d131a601ea04726c090863e32f9630f2
+size 1754

config/prod.js

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0cb3f6408073944bb32f78cc02f7240bd73a5489e5a56f6ba6ef12a736f67b13
+size 369

package.json

@@ -0,0 +1,82 @@
+{
+  "name": "taro-miniprogram",
+  "version": "1.0.0",
+  "private": true,
+  "description": "A taro project",
+  "templateInfo": {
+    "name": "default",
+    "typescript": true,
+    "css": "sass"
+  },
+  "scripts": {
+    "build:weapp": "taro build --type weapp",
+    "build:swan": "taro build --type swan",
+    "build:alipay": "taro build --type alipay",
+    "build:tt": "taro build --type tt",
+    "build:h5": "taro build --type h5",
+    "build:rn": "taro build --type rn",
+    "build:qq": "taro build --type qq",
+    "build:jd": "taro build --type jd",
+    "build:quickapp": "taro build --type quickapp",
+    "dev:weapp": "npm run build:weapp -- --watch",
+    "dev:swan": "npm run build:swan -- --watch",
+    "dev:alipay": "npm run build:alipay -- --watch",
+    "dev:tt": "npm run build:tt -- --watch",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "dev:rn": "npm run build:rn -- --watch",
+    "dev:qq": "npm run build:qq -- --watch",
+    "dev:jd": "npm run build:jd -- --watch",
+    "dev:quickapp": "npm run build:quickapp -- --watch"
+  },
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "author": "",
+  "dependencies": {
+    "@babel/runtime": "^7.7.7",
+    "@tarojs/components": "3.6.38",
+    "@tarojs/helper": "3.6.38",
+    "@tarojs/plugin-framework-react": "3.6.38",
+    "@tarojs/plugin-platform-alipay": "3.6.38",
+    "@tarojs/plugin-platform-h5": "3.6.38",
+    "@tarojs/plugin-platform-jd": "3.6.38",
+    "@tarojs/plugin-platform-qq": "3.6.38",
+    "@tarojs/plugin-platform-swan": "3.6.38",
+    "@tarojs/plugin-platform-tt": "3.6.38",
+    "@tarojs/plugin-platform-weapp": "3.6.38",
+    "@tarojs/react": "3.6.38",
+    "@tarojs/router": "3.6.38",
+    "@tarojs/runtime": "3.6.38",
+    "@tarojs/shared": "3.6.38",
+    "@tarojs/taro": "3.6.38",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.6.2",
+    "@tarojs/cli": "3.6.38",
+    "@tarojs/mini-runner": "3.6.38",
+    "@tarojs/service": "3.6.38",
+    "@tarojs/webpack5-runner": "3.6.38",
+    "@types/react": "^18.0.0",
+    "@types/webpack-env": "^1.13.6",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "babel-preset-taro": "3.6.38",
+    "eslint": "^8.0.0",
+    "eslint-config-taro": "3.6.38",
+    "eslint-plugin-import": "^2.12.0",
+    "eslint-plugin-react": "^7.8.2",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "react-refresh": "^0.18.0",
+    "stylelint": "^14.4.0",
+    "typescript": "^5.1.0",
+    "webpack": "^5.78.0"
+  },
+  "engines": {
+    "node": ">=16.20.0"
+  }
+}

project.config.json

@@ -0,0 +1,25 @@
+{
+  "setting": {
+    "es6": true,
+    "postcss": true,
+    "minified": true,
+    "uglifyFileName": false,
+    "enhance": true,
+    "packNpmRelationList": [],
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "useCompilerPlugins": false,
+    "minifyWXML": true
+  },
+  "compileType": "miniprogram",
+  "simulatorPluginLibVersion": {},
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "appid": "wx12d032ccae2e5976",
+  "editorSetting": {}
+}

project.private.config.json

@@ -0,0 +1,14 @@
+{
+  "libVersion": "3.14.3",
+  "projectname": "taro-miniprogram",
+  "setting": {
+    "urlCheck": true,
+    "coverView": true,
+    "lazyloadPlaceholderEnable": false,
+    "skylineRenderEnable": false,
+    "preloadBackgroundData": false,
+    "autoAudits": false,
+    "showShadowRootInWxmlPanel": true,
+    "compileHotReLoad": true
+  }
+}

src/app.config.js

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:98f11c305e6841ada419d17926d74b17db437573dfe29439aca97c4300cdf061
+size 227

src/app.scss

@@ -0,0 +1,16 @@
+/* app.scss */
+
+/* 只有在 H5 环境下生效的样式 */
+/* #ifdef H5 */
+body {
+  background-color: #f7f8fa;
+}
+
+#app {
+  max-width: 480px; /* 限制最大宽度 */
+  margin: 0 auto;   /* 居中显示 */
+  min-height: 100vh;
+  background-color: #fff;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* 添加阴影增加立体感 */
+}
+/* #endif */

src/app.tsx

@@ -0,0 +1,18 @@
+import React, { Component, PropsWithChildren } from 'react'
+import './app.scss'
+
+class App extends Component<PropsWithChildren> {
+
+  componentDidMount () {}
+
+  componentDidShow () {}
+
+  componentDidHide () {}
+
+  render () {
+    // this.props.children 是将要会渲染的页面
+    return this.props.children
+  }
+}
+
+export default App

src/index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="format-detection" content="telephone=no,address=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+  <title>Taro Demo</title>
+  <script>
+    !function(x){function w(){var v,u,t,tes,s=x.document,r=s.documentElement,a=r.getBoundingClientRect().width;if(!v&&!u){var n=!!x.navigator.userAgent.match(/AppleWebKit.*Mobile.*/);v=x.devicePixelRatio;v=n?v:1,u=1/v}if(a>=480){r.style.fontSize="25.6px"}else{if(a<=320){r.style.fontSize="17.0666px"}else{r.style.fontSize=a/750*40+"px"}}}x.addEventListener("resize",function(){w()});w()}(window);
+  </script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

src/pages/index/index.config.js

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5bbe3e2bb536936f6380fcafb33cc512a795867a5d5e511d6e6208aa0a9fb5ac
+size 56

src/pages/index/index.scss

@@ -0,0 +1,75 @@
+.index {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  padding: 30px;
+  background-color: #f7f8fa;
+}
+
+.header {
+  padding: 40px 0;
+  text-align: center;
+  
+  .title {
+    font-size: 48px;
+    font-weight: bold;
+    color: #333;
+  }
+}
+
+.content {
+  flex: 1;
+  background-color: #fff;
+  padding: 40px;
+  border-radius: 16px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+  
+  .info-box {
+    margin-top: 30px;
+    padding: 20px;
+    background-color: #f0f2f5;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    
+    .platform-tag {
+      margin-left: 10px;
+      padding: 4px 12px;
+      border-radius: 4px;
+      font-size: 24px;
+      color: #fff;
+      
+      &.h5 { background-color: #108ee9; }
+      &.weapp { background-color: #07c160; }
+      &.other { background-color: #999; }
+    }
+  }
+
+  .description {
+    margin-top: 30px;
+    color: #666;
+    font-size: 28px;
+    line-height: 1.6;
+  }
+  
+  .h5-tip {
+    margin-top: 40px;
+    padding: 20px;
+    border: 2px dashed #108ee9;
+    color: #108ee9;
+    border-radius: 8px;
+    font-size: 24px;
+    
+    /* 演示样式条件编译：仅在 H5 下加粗 */
+    /* #ifdef H5 */
+    font-weight: bold;
+    /* #endif */
+  }
+}
+
+.footer {
+  padding: 40px 0;
+  text-align: center;
+  color: #999;
+  font-size: 24px;
+}

src/pages/index/index.tsx

@@ -0,0 +1,53 @@
+import React from 'react'
+import { View, Text } from '@tarojs/components'
+import Taro, { useLoad } from '@tarojs/taro'
+import './index.scss'
+
+/**
+ * 首页组件
+ * 展示 Taro 的跨端能力，包括 H5 和各种小程序
+ */
+export default function Index() {
+  // 页面加载时的回调
+  useLoad(() => {
+    console.log('页面已加载。')
+  })
+
+  // 获取当前运行平台
+  const platform = Taro.getEnv()
+
+  return (
+    <View className='index'>
+      <View className='header'>
+        <Text className='title'>你好，世界！</Text>
+      </View>
+      
+      <View className='content'>
+        <Text>这是 Taro 演示页面，支持多端打包。</Text>
+        
+        <View className='info-box'>
+          <Text>当前运行环境: </Text>
+          {/* 使用 JS 条件编译展示平台信息 */}
+          {process.env.TARO_ENV === 'h5' && <Text className='platform-tag h5'>H5 网页</Text>}
+          {process.env.TARO_ENV === 'weapp' && <Text className='platform-tag weapp'>微信小程序</Text>}
+          {process.env.TARO_ENV !== 'h5' && process.env.TARO_ENV !== 'weapp' && <Text className='platform-tag other'>{process.env.TARO_ENV}</Text>}
+        </View>
+
+        <View className='description'>
+          <Text>这是一个在 H5 和小程序上都能完美运行的项目。</Text>
+        </View>
+
+        {/* 仅在 H5 环境下显示的特别提示 */}
+        {process.env.TARO_ENV === 'h5' && (
+          <View className='h5-tip'>
+            <Text>提示：在 H5 端，页面已自动限制最大宽度并居中显示。</Text>
+          </View>
+        )}
+      </View>
+
+      <View className='footer'>
+        <Text>© 2025 Taro 汉化项目演示</Text>
+      </View>
+    </View>
+  )
+}

tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "module": "commonjs",
+    "removeComments": false,
+    "preserveConstEnums": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "noImplicitAny": false,
+    "allowSyntheticDefaultImports": true,
+    "outDir": "lib",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strictNullChecks": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "rootDir": ".",
+    "jsx": "react-jsx",
+    "allowJs": true,
+    "resolveJsonModule": true,
+    "typeRoots": [
+      "node_modules/@types"
+    ]
+  },
+  "include": [
+    "./src",
+    "./types"
+  ],
+  "compileOnSave": false
+}