react项目配置开发环境与生产环境
时间: 2023-09-02 21:11:59 浏览: 160
在 React 项目中,我们通常需要配置开发环境和生产环境。以下是一些常见的配置:
1. 开发环境配置:
- 安装 Node.js 和 npm。
- 在项目根目录下创建一个 .env 文件,用于存储环境变量。可以使用如下方式定义环境变量:
```
REACT_APP_API_KEY=xxxxxx
```
- 在 package.json 文件中添加如下 script:
```
"start": "react-scripts start"
```
- 运行 npm start 命令启动开发服务器。
2. 生产环境配置:
- 在 package.json 文件中添加如下 script:
```
"build": "react-scripts build"
```
- 运行 npm run build 命令构建生产版本的应用程序。
- 在根目录下创建一个 .env.production 文件,用于存储生产环境的环境变量。
- 在服务器上部署应用程序,并设置相应的环境变量。
以上是一些基本的配置,当然还有其他更加详细的配置可以根据项目需求进行选择。
阅读全文