# React-weapp-windcss

**Repository Path**: dmgeshihua/react-weapp-windcss

## Basic Information

- **Project Name**: React-weapp-windcss
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-26
- **Last Updated**: 2025-09-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Taro 项目配置分析

## 基本信息
- **项目名称**: `my-app`
- **版本**: `1.0.0`
- **私有项目**: 是
- **框架**: React (TypeScript + Sass)
- **Taro版本**: `4.1.7`

## 模板配置

json

{

"name": "default",

"typescript": true,

"css": "Sass",

"framework": "React"

}

## 脚本命令

### 构建命令
| 命令 | 平台 |
|------|------|
| `build:weapp` | 微信小程序 |
| `build:swan` | 百度小程序 |
| `build:alipay` | 支付宝小程序 |
| `build:tt` | 字节跳动小程序 |
| `build:h5` | H5应用 |
| `build:rn` | React Native |
| `build:qq` | QQ小程序 |
| `build:jd` | 京东小程序 |
| `build:harmony-hybrid` | 鸿蒙混合应用 |

### 开发命令
| 命令 | 平台 |
|------|------|
| `dev:weapp` | 微信小程序 |
| `dev:swan` | 百度小程序 |
| `dev:alipay` | 支付宝小程序 |
| `dev:tt` | 字节跳动小程序 |
| `dev:h5` | H5应用 |
| `dev:rn` | React Native |
| `dev:qq` | QQ小程序 |
| `dev:jd` | 京东小程序 |
| `dev:harmony-hybrid` | 鸿蒙混合应用 |

## 依赖分析

### 运行时依赖

json

{

"react": "^18.0.0",

"react-dom": "^18.0.0",

"@tarojs/*": "4.1.7",

"@babel/runtime": "^7.24.4",

"@pmmmwh/react-refresh-webpack-plugin": "^0.6.1"

}

### 开发依赖

json

{

"构建工具": {

"@tarojs/webpack5-runner": "^4.1.7",

"@tarojs/vite-runner": "4.1.7",

"vite": "^4.2.0"

},

"CSS处理": {

"sass": "^1.75.0",

"postcss": "^8.4.38",

"tailwindcss": "^4.1.13"

},

"代码质量": {

"eslint": "^8.57.0",

"stylelint": "^16.4.0"

},

"Git工作流": {

"husky": "^9.1.7",

"commitlint": "^19.8.1",

"lint-staged": "^16.1.2"

},

"TypeScript": {

"typescript": "^5.4.5"

}

}

## 技术特点
1. **多平台支持**  
   - 覆盖主流小程序平台 + H5 + React Native + 鸿蒙

2. **现代化构建**  
   - 支持 Webpack5 和 Vite 双构建方案

3. **严格代码规范**  
   - 集成 ESLint + Stylelint

4. **自动化工作流**  
   - 预配置 Git 提交检查 (Husky + Commitlint)

5. **CSS解决方案**  
   - Sass + TailwindCSS 组合

6. **React 18**  
   - 使用最新 React 特性

## 兼容性要求

json

{

"browserslist": [

"defaults and fully supports es6-module",

"maintained node versions"

]

}