React工具链

CRA (create-react-app)

CRA是对 Webpack 的一层封装，底层使用了 Webpack，但不需要直接操作 Webpack 配置。

创建项目

npx create-react-app my-app

会在当前目录下创建名为 my-app 的新项目。

react-scripts

https://www.npmjs.com/package/react-scripts
react-scripts 是 Create React App (CRA) 脚手架生成的 React 项目中的核心 npm 包。它封装了 Webpack、Babel、ESLint 等构建工具的复杂配置，提供 start、build、test 等命令，让开发者无需手动配置即可实现快速开发和生产环境打包。
https://create-react-app.dev/docs/getting-started/

本地开发服务器

https://create-react-app.xiniushu.com/docs/proxying-api-requests-in-development

npm install http-proxy-middleware --save

应用部署

首先打包项目：npm run build
此操作会生成一个 build (或 dist) 文件夹，里面包含压缩后的 HTML、CSS 和 JavaScript 文件