React源码调试

136 阅读1分钟

一、github下载或克隆react源码到本地。

地址:github.com/facebook/re…

二、安装项目依赖

在源码根目录下执行 npm i || yarn

三、使用vscode打开React源码并下载jest插件

image.png

四、打上断点然后找到reactDom测试文件执行debug测试

源码打上断点 image.png debug测试用例 image.png 程序进入断点 image.png

补充: 如果断点后的源码是被编译过的,那么可能是jest调试sourceMap未开启,可修改以下文件的sourceMap配置。

image.png