React 源码（三）使用本地依赖库

概述

在 React 应用中依赖基本上是通过 yarn 或者 npm 进行安装的，但是在看源码的过程中，有的时候想要去调试，或者说打印一些数据，如果可以在本地的 React 应用里面依赖本地的 React 仓库，那么就可以进行上述的操作了。

yarn link

在 React 官方文档中的开发流程里面介绍了如何使用本地依赖库。

1. 删除本地 React 项目中的 react 和 react-dom 依赖
2. 在本地的 React 源代码目录下运行

   yarn build react/index,react-dom/index,scheduler --type=NODE
   

3. 之后使用 yarn link

   cd build/node_modules/react
   yarn link
   cd build/node_modules/react-dom
   yarn link
   

4. 之后在本地 React 项目中运行

   yarn link react react-dom
   

5. 之后启动本地 React 项目即可
6. 如果更改了源码之后只需要重新 build 即可

报错

在启动本地 React 项目的时候出现了以下报错

报错

发现缺少 react-jsx-dev-runtime.development.js 文件。之后 yarn build 的时候不加任何参数，尽管 build 失败，但是 build/node_modules/react/cjs 目录下存在 react-jsx-dev-runtime.development.js 文件，所以将其复制出来，之后再次执行

yarn build react/index,react-dom/index,scheduler --type=NODE

在将 react-jsx-dev-runtime.development.js 文件复制到 build/node_modules/react/cjs 目录下即可。