http://www.zhufengpeixun.com/strong/html/106.1.react.html
-
- 全局安装: npm install create-react-app -g
-
- babel: babel并没有把JSX编译成虚拟DOM,而是把JSX编译成了React.createElement的方法调用 https://www.babeljs.cn/repl#?browsers=defaults%2C%20not%20ie%2011%2C%20not%20ie_mob%2011&build=&builtIns=false&corejs=3.6&spec=false&loose=false&code_lz=DwCwjABAxgNghgZwQOTgWwKYF4BEAXASzxgxwgTwE8SsBvW6AexkYCcAuCAclYwBMuEAL5CAfCAwwWwBAAc4AO1EB3NjD7AA9HMWit4UUA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=env%2Creact%2Cstage-2&prettier=false&targets=&version=7.14.8&externalPlugins=
-
-
实现react的核心
-
将package.json里的start等改为🈲️用jsx
"scripts": { "start": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-scripts start", "build": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-scripts build", "test": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-scripts test", "eject": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-scripts eject" },
cross-env 跨平台 npm install cross-env --save-dev
-
-
- 将package.json里的start等改为🈲️用jsx
http://www.zhufengpeixun.com/strong/html/106.1.react.html#t6613.1 cra支持装饰器
新增 jsconfig.json config-overrides.js
"scripts": {
"start": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-scripts start",
"build": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-scripts build",
"test": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-scripts test",
"eject": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-scripts eject"
},
替换成
"scripts": {
"start": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-app-rewired start",
"build": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-app-rewired build",
"test": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-app-rewired test",
"eject": "cross-env DISABLE_NEW_JSX_TRANSFORM=true react-app-rewired eject"
},