react run如何搭配

安装React运行环境

确保系统已安装Node.js（建议版本12以上），通过npm或yarn安装create-react-app工具：

npx create-react-app my-app
cd my-app
npm start

项目结构配置

src目录为核心开发区域，主要文件包括：

• App.js：主组件入口
• index.js：渲染根节点
• public/index.html：HTML模板 自定义配置可通过npm run eject暴露webpack配置（不可逆操作）

开发调试命令

常用脚本命令配置在package.json中：

npm start    # 启动开发服务器（默认端口3000）
npm test     # 运行测试
npm run build # 生产环境打包

环境变量管理

创建.env文件定义环境变量，命名需以REACT_APP_开头：

REACT_APP_API_URL=https://api.example.com

代码中通过process.env.REACT_APP_API_URL调用

代理设置

解决跨域问题可在package.json中添加：

"proxy": "http://localhost:5000"

或通过setupProxy.js配置更复杂的代理规则

性能优化

生产环境构建时自动启用：

• 代码压缩（TerserPlugin）
• CSS提取（MiniCssExtractPlugin）
• 资源哈希缓存 可通过npm run analyze分析包体积（需安装source-map-explorer）