react源码调试

1.拉取react源码

git clone https://github.com/facebook/react.git

2.安装依赖

# 切入到react源码所在文件夹
cd react-main

# 安装依赖
yarn

3.打包react、scheduler、react-dom三个包为dev环境可以使用的cjs包

# 执行打包命令
yarn build react/index,react/jsx,react-dom/index,scheduler --type=NODE

4.为react和react-dom创建yarn link

cd build/node_modules/react
# 申明react指向
yarn link

cd build/node_modules/react-dom
# 申明react-dom指向
yarn link

如果之前link过react包，可在~/.config/yarn/link文件中进行删除后再link。

5.创建一个react项目

npx create-react-app react-demo

6.引入刚刚yarn link的包

yarn link react react-dom

7.运行react项目

yarn start

8.在浏览器source目录中调试源码