项目环境
2023-01-05 本文已影响0人
INGME
环境变量
create-react-app 创建的项目有内置环境变量 NODE_ENV,可通过 process.env.NODE_ENV 读取变量;
NODE_ENV 默认值:
1. 开发 development:npm start
2. 生产 production:npm run build
3. 测试 test:npm test
在项目src同级分别创建各个环境的文件:(变量名为 REACT_APP_ )
development(开发环境): .env.development
production(生产环境): .env.production
test(测试环境): .env.test
项目打包配置环境
1. 依赖:npm install -g dotenv-cli
2. pack.json文件中添加:
"start": "node scripts/start.js",
"build": "node scripts/build.js",
"test": "node scripts/test.js",
"build:dev": "dotenv -e .env.development react-app-rewried build",
"build:pro": "dotenv -e .env.production react-app-rewried build",
"build:test": "dotenv -e .env.test react-app-rewried build"