Parcel秒建React+Ts，快上车0. 准备一个空文件夹 1. 引入parcel的库，到时候就全靠它了 2. 引入

0. 准备一个空文件夹

mkdir parcel-test
cd parcel-test
yarn init -y

1. 引入parcel的库，到时候就全靠它了

yarn add parcel-bundler --save-dev

2. 引入React相关的库

yarn add react react-dom

3. 引入typescript的库

yarn add typescript --save-dev

4. 引入React的类型文件

yarn add @types/react @types/react-dom --save-dev

5. 生成Ts的配置文件

tsc -init

6. 修改Ts配置文件

{
  "compilerOptions": {
    "jsx": "react"
  }
}

7. 新建一个index.html文件，index.tsx文件

<html lang="en">
<body>
    <div id="root"></div>
    <script src="./index.tsx"></script>
</body>
</html>

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";

const root = ReactDOM.createRoot(
	document.getElementById("root") as HTMLElement
);
root.render(<div>i am index</div>);

8. 启动

npx parcel index.html

Parcel秒建React+Ts，快上车

0. 准备一个空文件夹

1. 引入parcel的库，到时候就全靠它了

2. 引入React相关的库

3. 引入typescript的库

4. 引入React的类型文件

5. 生成Ts的配置文件

6. 修改Ts配置文件

7. 新建一个index.html文件，index.tsx文件

8. 启动

9. 搞定

相关链接