react 环境变量

迷南。 2021-07-24 23:34 919阅读 0赞

1、在项目根目录与src同级创建.env文件
    		.env为总环境配置							npm run build时读取
    		.env.development为开发模式配置			npm start时读取
    		.env.production为生产模式配置
    		.env.test为测试模式配置
    	
    2、环境变量
    	(1)自定义环境变量
    		1、可以在其他文件访问的自定义环境变量必须以REACT_APP开头
    			REACT_APP_xxx=x  x就是字符串,不需要添加引号
    			
    		2、可以设置其他任意自定义变量,只能在本文件访问,不区分大小写
    		
    	(2)使用其他环境变量
    		REACT_APP_xxx=$xx   必须使用$,否则会认为是字符串
    	
    	(3)在tsx/js文件中使用
    		{process.env.REACT_APP_NAME}
    	
    	(4)在index.html文件中使用
    		<title>%REACT_APP_xxx%</title>
    	
    3、NODE_ENV特殊内置环境变量
    	(1)读取
    	 	process.env.NODE_ENV 中读取它。
    	 	
    	(2)规范
    		 当你运行 npm start 时，它总是等于 'development' ，
    		 当你运行 npm test 它总是等于 'test' ，
    		 当你运行 npm run build 来生成一个生产 bundle(包) 时，它总是等于 'production' 。
    		 无法手动覆盖NODE_ENV。 这可以防止开发人员意外地将慢速开发构建部署到生产环境中。
    
    5、通过cross-env配置
    	1、下载
    		cnpm install --save-dev cross-env
    	
    	2、配置端口
    		在package.json中
    		"start": "cross-env PORT=端口号 react-scripts start",
    	
    6、配置完成后需要重启项目

发表评论取消回复

表情：

评论列表（有 0 条评论，919人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android环境变量&macOS环境变量配置

很多工具都会读取ANDROID_HOME 变量来确定 Android SDK 安装目录，我们可以通过设置环境变量来配置 Android Studio 和命令行工具的行为，...

﹏ヽ暗。殇╰゛Y/ 2024年05月27日 08:01/ 0 赞/ 104 阅读

相关 jdk环境变量配置_openjdk环境变量配置

这里我说说怎么自己配置环境吧,步骤如下(举例你把JDK安装在D:/jdk1.6里面):右击我的电脑,选择“属性”;选择“高级”选项卡,点击“环境变量”;在系统变量。。对

左手的ㄟ右手/ 2024年04月03日 13:51/ 0 赞/ 121 阅读

相关 jre环境变量配置(jre环境变量配置)

如何进行环境变量的配置和更改呢？方法1：修改/etc/profile文件　　这种方法是首选方法，假如你的电脑仅仅只是用来开发程序而进行使用，不对其他更加复杂的功能进

末蓝、/ 2023年09月26日 14:51/ 0 赞/ 163 阅读

相关 linux 环境变量专题,Linux 环境变量配置

Linux 环境，用户通过shell 操作时，系统会为用户初使化环境变量，比如系统公共资源路径: path , include , bin 等目录。 shell 模式下，执行

旧城等待，/ 2023年01月20日 12:50/ 0 赞/ 20 阅读

相关 react环境配置

1.安装软件 (1) nodejs [ node下载链接][node] (2) npm包管理 (安装nodejs的时候已经安装了npm包管理) 2.更换

太过爱你忘了你带给我的痛/ 2022年07月10日 23:50/ 0 赞/ 281 阅读

相关环境变量

环境变量设置： Path: E:\\oracleServer\\product\\10.2.0\\db\_1\\bin; D:\\Oracle\\Oracle10g

逃离我推掉我的手/ 2022年06月09日 06:27/ 0 赞/ 208 阅读

相关环境变量

环境变量(Environment Variable)：是一个具有特定名字的对象，包含一个或者多个应用程序所使用到的信息。例如path，当要求系统运行一个程序而没有告诉它程序所在

骑猪看日落/ 2022年05月26日 00:17/ 0 赞/ 213 阅读

相关 react环境变量

官网文档地址：[https://www.html.cn/create-react-app/docs/adding-custom-environment-variables/][

曾经终败给现在/ 2021年09月02日 08:05/ 0 赞/ 396 阅读

相关 react 环境变量

1、在项目根目录与src同级创建.env文件 .env为总环境配置 npm run build时读取 .env.developmen

迷南。/ 2021年07月24日 23:34/ 0 赞/ 920 阅读

相关 react 配置环境变量

1、安装 cnpm install -D env-cmd 2、和src同级新建.env-cmdrc文件 { "dev

你的名字/ 2021年07月24日 13:48/ 0 赞/ 646 阅读