调试React源码的前期准备工作

拉取源码

最好有梯子

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

安装依赖

cd react

yarn

如果在执行 yarn的过程中抛错，需要执行（Mac，Windows就不知道了）

brew install automake

没有安装 brew 的需要安装 brew

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

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

必要条件详见源码贡献章节，其中 JDK 可以点击这里下载

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

源码目录build/node_modules下会生成最新代码的包。为react、react-dom创建yarn link

通过yarn link可以改变项目中依赖包的目录指向

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

创建项目

通过create-react-app创建一个react项目，然后将react与react-dom指向刚刚从github上下载的react项目

npx create-react-app study-react

cd study-react

# 将项目内的react react-dom指向之前申明的包
yarn link react react-dom

接着执行yarn start就可以启动这个项目了，项目内的 react与react-dom的包就是可以用来调试的代码了