react源码解读

  • Z时代
  • 2024-01-10
  • 分类：综合

react

tip

v16.8.6

背景： 前端live-server后，运行项目时出现了Error: spawn cmd ENOENT

原因： path环境变量配置不当，导致无法找到指定的程序，安装java环境环境变量配置

JAVA_HOME

环境准备

node,yarn,JDK,

开始

克隆源码

git clone https://github.com/facebook/react.git

安装依赖，

yarn install

由源码编译

项目目录结构如图。

在这里插入图片描述

官网对编译的提示

从源码编译出 react.development.js 和 react-dom.development.js

执行

yarn run build react/index, react-dom/index

构建出的文件，保存在 build/node_modules/react，有 commonjs 和 umd 两个版本。

直接打开 fixtures/packaging/babel-standalone/dev.html 构建后打开熟悉的hello world

页面使用的是最新编译出来的 react.development.js 和 react-dom.development.js 固定写死

更改代码测试效果

在 setState 内部添加一个 log，更改 packages/react/src/ReactBaseClasses.js。这里被编译为react.development.js
重新编译 react ，yarn run build react/index

查看 react.development.js，在 build/node_modules/react/umd/react.development.js

以上是 react源码解读 的全部内容， 来源链接： utcz.com/z/381333.html

回到顶部