完整手写react第三天

实现JSX打包

React项目结构：

• react（宿主环境无关的公用方法）
• react-reconciler（协调器的实现，宿主环境无关）
• 各种宿主环境的包
• shared（公用辅助方法，宿主环境无关）

实现jsx方法

包括：

• jsxDEV方法（dev环境）
• jsx方法（prod环境）
• React.createElement方法

实现打包流程

对应上述两3方法，打包对应文件：

• react/jsx-dev-runtime.js（dev环境）

• react/jsx-rumtime.js（prod环境）

• React

打包流程中需要安装的rollup plugin与node包：

pnpm i -D -w rimraf rollup-plugin-generate-package-json rollup-plugin-typescript2 @rollup/plugin-commonjs