1.在GitHub上下载react的源码
git clone git@github.com:facebook/react.git
通过码云下载更快git clone gitee.com/mirrors/rea…
cd react //进入react 文件夹
//安装依赖
yarn
2.打包react,react-dom,scheduler三个包为dev环境可以使用的cjs包
yarn build react/index,react-dom/index,scheduler --type=NODE
注意打包的时候 可能会出现报错 需要安装java
此时在目录中会多出一个build的文件加,build/node_moudles里面就有了打包好的文件
3.创建yarn link 软链
进入build/node_moudles
cd build/node_moudles
//分别进入/react和react-dom文件夹下执行yarn link
cd react
yarn link
cd ../
cd react-dom
yarn link
4.创建一个新项目
通过crate-react-app 脚手架 创建项目 然后进入项目里面yarn 安装依赖
最后通过 yarn link react react-dom 命令行是将本项目中使用的react和react-dom这两个包指向我们之前创建的链接
create-react-app demo
cd demo
yarn
yarn link react react-dom
启动项目时发现报了一个错误
原因在于 我们第二部打包的时候 少打了一些东西进去 ,以至于找不到所需要的文件
这里比较简单的解决方法就是用 yarn build-for-devtools 命令替换 第二步的
yarn build react/index,react-dom/index,scheduler --type=NODE 命令,只是会打包一些暂时用不到的包 ,问题不大
5.验证是否成功
进入刚刚build的文件夹里面 找到 node_modules/react/cjs/react.development.js和node_modules/react-dom/cjs/react-dom.development.js,分别在两个文件里面打印一个log
然后进入项目的 控制台 看一下console 打印了吗
现在就可以自己打断点进行调试了。