create-react-app多环境配置

作者: Poppy11 | 来源:发表于2021-10-26 16:19 被阅读0次

1.使用cross-env配置多环境变量

#安装 
npm i cross-env -D

2、根目录下配置.env.development和.env.production ，只能定义以REACT_APP开头的属性名

REACT_APP_BASE_URL='http://localhost:8090/api/1'

3、package.json启动文件时，start时默认使用的dev环境变量，build时使用的是prd的环境变量

  "scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js"
  },

4、使用方式

axios.defaults.baseURL = process.env.REACT_APP_BASE_URL

在create-react-app创建的应用中安装Sass
1、安装create-react-app 使用 create-react-app 配置 react 开发环境，像下...
create-react-app多环境配置
1.使用cross-env配置多环境变量 2、根目录下配置.env.development和.env.produc...
create-react-app配置多环境打包
1、eject导出webpack配置 2、安装包 3、在根目录创建 config-overrides.js 定义配...
前端培训计划（持续更新）
开发环境搭建 VSCode 插件配置 Create-React-App 官方文档 eject ESLint：.es...
react项目
创建项目自行配置node环境npx create-react-app project-name先使用git保存本...
React创建项目-打包发布服务器
1.创建Demo项目 create-react-app命令可以让我们无需配置就能快速构建 React 开发环境。（...
iOS 多Target环境配置
iOS 多Target环境配置iOS 多Target环境配置
React 源码解读
1. 配置 React 源码本地调试环境使用 create-react-app 脚手架创建项目npx creat...
create-react-app less-loader配置，a
首先通过create-react-app 创建项目 create-react-app 弹出配置...
5.SpringBoot多环境配置
maven多环境配置示例 SpringBoot多环境配置 Profile是Spring针对不同环境不同配置的支持。...

网友评论

本文标题：create-react-app多环境配置

本文链接：https://www.haomeiwen.com/subject/drutaltx.html

create-react-app多环境配置