视频来自Bilibili《React源码解析》
- 😭没有按照视频上的环境搭建,因为
Parcel
启动之后的编译有问题,难哭了 - 🙆♂️我这边使用的浏览器版本的
Babel
,babel-standalone
,支持JSX,只需要在html中的script[type="text/babel"]
写代码就可 - 😂写
Demo
我比较喜欢使用CDN
(这样可以把代码直接复制到jsbin
或者codepen
中运行),代码里面用的也是CDN
的方式引入babel-standalone
,如果网络不顺畅可以使用lib
文件夹下的文件 [email protected]
,[email protected]
,[email protected]
把必须的信息也贴出来,不需要再去小马哥掘金复制,防止自己忘记
npm依赖
"devDependencies": {
"babel-core": "^6.26.3",
"babel-plugin-transform-react-jsx": "^6.24.1",
"babel-preset-env": "^1.7.0",
"parcel-bundler": "^1.12.3"
}
.babelrc
{
"presets": ["env"],
"plugins": [
["transform-react-jsx", {
"pragma": "React.createElement"
}]
]
}