2.4 Bable解析JSX

2.4.1 Bable插件

1. JSX语法实现来源于两个Babale插件

   1. @babel/plugin-syntax-jsx：使用这个插件能够让Bable有效的解析JSX语法

   2. @babel/plugin-transform-react-jsx：插件内部调用了@babel/plugin-syntax-jsx，可以吧React JSX转换成JS能够识别的createElement格式

2. Automatic Runtime

   1. 新版本React已经不需要引入createElement，这种模式来源于Automatic Runtime

3. Classic Runtime

   1. 在经典模式下，使用JSX的文件需要引入React，不然会报错

2.4.2 API层面模拟现实

1. 通过API的方式模拟一下Bable处理JSX

   1. 创建文件，编写测试代码

   2. 因为Bable运行在node环境，所以在同级目录下窗机唉你jsx.js文件，来模拟编译效果