REACT源代码系列。我要一起学习React源代码。Nuggets并不经常更新，Github通常是活跃的。不要卖焦虑，呵呵。
React的官方包装源代码，本地调试方法如下：
此方法对于读取源代码！交点发出非常不好
使用源代码将所有模块打包到一个文件中，例如和不相应的文件，在读取源代码的过程中，哪个文件是源代码。阅读体验不好。
同时，当包装开发环境的代码将引入大量本地调试代码
与此代码相对应的源代码在于：packages/react/src/reactdebugcurrentframe.js文件：
源代码中使用了大量的环境变量判断（参考：DEV描述）。如果是开发环境，则将括号中的代码包装到产品中。如果它是生产环境，它将不会包装到产品中。这样，您可以在开发环境中注入一些调试代码，例如检查是否合法，是否需要参数时需要参数：
实际上，这些开发过程中的验证代码与主流过程无关。我们不在乎这些发展的场景，只需要专注于主流过程即可。因此很好。
将源代码位置信息添加到react.development.js和react-dem.development.js，然后删除相关代码
首先，让我们简要修改React包装配置，在源代码中打开脚本/lollup/build.js
然后运行包装命令：
包装已完成，复制和本地粘贴，可以在本地调试期间使用这两个源代码
最后，在优化之后，从原始2334行到1122行的代码的大小从原始的26263行到20600。
让我们看一下React首先提供的包装命令，包装后的源代码，终端操作：
当您返回时，您可以想象一个很长的等待。
大约5分钟后。包装完成包装，我们查看包装后的结果：
有很多模块，但实际上我们只需要两个模块
扩展，或者您会发现目录中有许多文件。我们只需要这两个文件
我们知道包装时需要配置输入文件，因此我们可以从这里开始打开脚本/lollup/bundles.js文件，并找到如下：如下：
修改它并在下面介绍：
在终端执行包装命令：
这次没有一分钟，包装速度迅速提高，然后查看包装后的听写：
完美，包装之后的目录非常快，并且包装速度也得到了很大提高。LLET浏览如何绘制源代码。
返回脚本/crolup/build.js，修改插件-in，我们在目录中分配包装的源代码：
执行包装命令。包装完成后，我们将看到当前目录中有一个目录：
您可以看到只有几个简单的软件包。实际上，这些袋子是我们的两个文件及其依赖性。这样，当我们查看代码时，我们会受到很多干扰。实际上，我们不需要注意那些在源代码中的人。
对于我们的阅读源经验，可以说这是非常好的。
原始：https：//juejin.cn/post/7099082819921510407