# react15-debug

**Repository Path**: zheng-baodi/react15-debug

## Basic Information

- **Project Name**: react15-debug
- **Description**: 调试react15.0.0源代码
- **Primary Language**: JavaScript
- **License**: Unlicense
- **Default Branch**: master
- **Homepage**: https://github.com/facebook/react/tree/v15.0.0
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-03-31
- **Last Updated**: 2024-09-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, debug

## README

# 介绍

react@15.0.0源代码调试

## 安装依赖

node版本最好为16.16.0（我用的是）

```cmd
pnpm install
```

## 目录介绍

- /debug: 用于调试的文件夹
- /modules: 存放react源代码

## 调试前运行

```cmd
pnpm run dev
```

该命令

- 打包react源码并生成sourcemap到/debug

- 打包/debug/src/index.js并生成sourcemap到/debug/app.js，并会监听修改以重新打包

## 如何调试

在/debug/src或/debug/index.html打断点

启动一个本地服务器打开/debug/index.html（可使用vscode的LiveServer插件）

## 其它

- 仓库存在一个名为init的tag，指向仓库初始提交

- 修改react源代码并调试需重新运行`npm run dev`

- react源代码从何而来？/modules里面的源代码是[仓库](https://github.com/facebook/react/tree/v15.0.0)打包后的结果。但该仓库比较久远，打包比较麻烦，需略微调整配置