# SimulationCreateReactApp

**Repository Path**: QQXQQ/SimulationCreateReactApp

## Basic Information

- **Project Name**: SimulationCreateReactApp
- **Description**: 模拟create-react-app
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-08-04
- **Last Updated**: 2026-02-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript

## README



# SimulationCreateReactApp

一个使用 Lerna 管理的 Create React App 模拟项目，包含完整的 React 应用创建、构建和开发流程。

## 项目简介

这是一个教学性质的 Create React App 模拟实现，通过这个项目可以深入理解 React 项目的创建机制、Webpack 配置以及开发服务器的工作原理。

## 软件架构

本项目采用 Monorepo 架构，使用 Lerna 进行多包管理，包含以下三个核心包：

### 包结构

```
SimulationCreateReactApp/
├── packages/
│   ├── cra-template/          # React 应用模板
│   ├── create-react-app/      # CLI 工具 - 创建新项目
│   └── react-scripts/         # 构建脚本和配置
└── lerna.json                 # Lerna 配置文件
```

### 核心功能

- **create-react-app**: 命令行工具，用于初始化新的 React 项目
- **react-scripts**: 封装了 Webpack 配置、开发服务器和构建脚本
- **cra-template**: 项目模板，包含默认的源代码结构

## 技术栈

- **Lerna**: 多包仓库管理工具
- **Webpack**: 模块打包工具
- **Webpack Dev Server**: 开发服务器
- **React**: UI 库

## 安装教程

### 前置要求

- Node.js (>= 14.0.0)
- npm (>= 6.0.0)

### 安装步骤

1. 克隆仓库：
```bash
git clone https://gitee.com/QQXQQ/SimulationCreateReactApp.git
```

2. 进入项目目录：
```bash
cd SimulationCreateReactApp
```

3. 安装项目依赖：
```bash
npm install
```

4. 全局链接包（可选）：
```bash
npm link
```

## 使用说明

### 创建新的 React 应用

```bash
npx create-react-app my-app
# 或使用本地链接的包
create-react-app my-app
```

### 启动开发服务器

在创建的项目目录中：

```bash
npm start
```

### 构建生产版本

```bash
npm run build
```

## 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

## 许可证

MIT License