首先可以参考一下官方文档

添加自定义环境变量
怎么创建环境

接下来进入正文

1、创建 .env.development, .env.test, .env.prod文件

# 默认测试环境  .env.development
REACT_APP_ENV=dev# 预发布环境 .env.test
REACT_APP_ENV=test# 线上环境 .env.prod
REACT_APP_ENV=prod

注：必须是以REACT_APP开头的变量才可以

2、npm install dotenv-cli --save-dev

3、package.json

  "scripts": {"start": "node scripts/start.js","build:test": "dotenv -e .env.test node scripts/build.js","build:prod": "dotenv -e .env.prod node scripts/build.js ","test": "node scripts/test.js"},

注：dotenv -e一定要写在前边

4、使用

去吧皮卡丘，逻辑中打印process.env试试看

react 配置development test prod 环境相关推荐

webpack4+react配置多页面移动端应用程序
webpack4+react配置多页面移动端应用程序前言技术栈项目目录结构移动端适配方案 webpack配置基础配置开发环境配置 react+redux热重载生产环境配置 .babelr ...
linux环境变量配置的方法,Linux环境变量配置方法
Linux上环境变量配置分为设置永久变量和临时变量两种.环境变量设置方法同时要考虑环境Shell类型,不同类型的SHELL设置临时变量方法和设置永久变量对应的配置文件不同.Linux环境变量本身配置过 ...
yum安装ruby_CentOS 7下配置Ruby语言开发环境的方法教程
本文跟大家分享的是在CentOS 7下配置Ruby语言开发环境的方法教程,分享出来供大家参考学习,下面来看看详细的介绍: 安装Ruby 2.2 CentOS7存储库中的Ruby版本为2.0,但如果需要 ...
Ubuntu20.04安装配置tensorflow2深度学习环境
Ubuntu20.04安装配置tensorflow2深度学习环境之前在windows下配置了tensorflow2的环境,坑有不少.最近配了台台式机,2070显卡,安装一下Ubuntu20.04系统 ...
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境
文章目录 1.配置文件: 2.命名规则 3.关于文件的加载使用自定义环境 1.配置文件: .env.development:开发环境下的配置文件 .env.production:生产环 ...
如何配置能使j2me开发环境处于正常状态
很多人在开始学习j2me的时候遇到的第一个问题就是如何配置j2me的开发环境,我一般用的是eclipse开发,所以在这里说一下在eclipse中如何配置j2me的开发环境: 1.首先需要了解在配置前要 ...
PHP环境搭建:Windows 7下安装配置PHP+Apache+Mysql环境教程（转）
转至:http://www.leapsoul.cn/?p=695 这两天刚装好Windows 7,碰巧前段时间有朋友问我Windows下如何安装搭建PHP环境,所以打算勤劳下,手动一步步搭建PHP环境 ...
配置IIS Silverlight运行环境
配置IIS Silverlight运行环境: 打开IIS->站点属性->HTTP头->MIME类型->新建: 扩展名: .xap MIME类型:xapapplication/x ...
配置ADB到Windows环境变量
adb 命令可以帮我们快速的管理连接的手机设备,例如执行一些安装apk,卸载apk命令,对于熟悉linux系统的人,可以方便的管理手机目录操作手机文件,还可以通过adb命令查看手机的系统日志等操作. ...

react 配置development test prod 环境

首先可以参考一下官方文档

接下来进入正文

1、创建 .env.development, .env.test, .env.prod文件

2、npm install dotenv-cli --save-dev

3、package.json

4、使用

react 配置development test prod 环境相关推荐

最新文章

热门文章