React 源码 - 本地调试

300 阅读1分钟

1、拉取源码

# 拉取代码
git clone https://github.com/facebook/react.git

# 如果拉取速度很慢,可以考虑如下2个方案:

# 1. 使用cnpm代理
git clone https://github.com.cnpmjs.org/facebook/react

# 2. 使用码云的镜像(一天会与react同步一次)
git clone https://gitee.com/mirrors/react.git

# 3. 直接 Download ZIP

2、调试步骤

// 1、打包`react`、`scheduler`、`react-dom`(无 JDK 环境会报错)
yarn build react/index,react/jsx,react-dom/index,scheduler --type=NODE
// 进入文件:console.log('进入源码');
/build/node_modules/react-dom/cjs/react-dom.development.js


// 2、创建软链
// 2.1 cd build/node_modules/react
yarn link
// 2.2 cd build/node_modules/react-dom
yarn link


// 3、创建项目
// 3.1 创建项目:注意脚手架只能够和下载的react版本!
npx create-react-app a-react-demo
// 3.2 使用软链
yarn link react react-dom
// 3.3 启动项目
yarn start
// 3.4 控制台打印 '进入源码' 说明 OK

3、电脑中需要,安装 JDK 环境

Java官网

image.png