react 项目 如何编译

编译 React 项目的步骤

React 项目通常使用 create-react-app 或类似脚手架工具初始化，编译过程主要依赖 npm 或 yarn 工具。以下是具体方法：

安装依赖 确保项目根目录已存在 package.json，运行以下命令安装依赖：

npm install
# 或
yarn install

开发环境编译 启动开发服务器并实时热更新：

npm start
# 或
yarn start

默认访问地址为 http://localhost:3000。

生产环境编译 生成优化后的静态文件到 build 目录：

npm run build
# 或
yarn build

自定义配置 若需修改 Webpack 等配置，可通过以下方式：

• 使用 react-app-rewired 覆盖默认配置
• 执行 npm run eject 暴露完整配置（不可逆操作）

环境变量配置 在项目根目录创建 .env 文件定义变量：

REACT_APP_API_URL=https://api.example.com

变量需以 REACT_APP_ 前缀开头。

常见问题处理 编译失败时尝试：

• 删除 node_modules 后重新安装依赖
• 检查 Node.js 版本是否符合要求（通常需 >= 14.x）
• 清除缓存：npm cache clean --force