環(huán)境變量
create-react-app 創(chuàng)建的項目有內(nèi)置環(huán)境變量 NODE_ENV晴楔,可通過 process.env.NODE_ENV 讀取變量挎峦;
NODE_ENV 默認(rèn)值:
1. 開發(fā) development:npm start
2. 生產(chǎn) production:npm run build
3. 測試 test:npm test
在項目src同級分別創(chuàng)建各個環(huán)境的文件:(變量名為 REACT_APP_ )
development(開發(fā)環(huán)境): .env.development
production(生產(chǎn)環(huán)境): .env.production
test(測試環(huán)境): .env.test
項目打包配置環(huán)境
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"