前期安装
npm init
npm i --save-dev parcel
npm i react react-dom
中期修改
- 修改package.json的
scripts
项,添加:"start": "parcel index.html --open"
- 创建
index.html
文件,body引入(1. react的入口div;2. 类型为module的index.js)
<div id="app"></div>
<script type="module" src="index.js"></script>
- 创建
index.js
,react app的入口,例:
import ReactDOM from "react-dom";
import { App } from "./App";
const app = document.getElementById("app");
ReactDOM.render(<App />, app);
- 创建对应的
app.js
文件,例:
export function App() {
return <h1>Hello world!</h1>;
}
最终运行
npm start
