env 配置：打包不同環境下的包

記錄環境變量的配置ENV

// package.json

"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "build:dev": "env-cmd -f .env.development react-app-rewired build",
    "build:tttt": "env-cmd -f .env.tttt react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  },
           

// .env

SKIP_PREFLIGHT_CHECK=true
PUBLIC_URL=/xxxx/xx/xxxx
REACT_APP_DOMAIN=xx.xxxx.com
REACT_APP_HTML_PREFIX=/
REACT_APP_WEB_PREFIX=http://xx.xxxx.com
           

// .env.development 

SKIP_PREFLIGHT_CHECK=true
PUBLIC_URL=/yyyy/yy/yyyy
REACT_APP_DOMAIN=yy.yyyy.com
REACT_APP_HTML_PREFIX=/
REACT_APP_WEB_PREFIX=http://yy.yyyy.com
           

// .env.tttt

SKIP_PREFLIGHT_CHECK=true
PUBLIC_URL=/zzzz/zz/zzzz
REACT_APP_DOMAIN=zz.zzzz.com
REACT_APP_HTML_PREFIX=/
REACT_APP_WEB_PREFIX=zz.zzzz.com
           

怎麼通路其中的變量了，很簡單

const {
	REACT_APP_WEB_PREFIX，
	REACT_APP_HTML_PREFIX，
	REACT_APP_DOMAIN，
	PUBLIC_URL
} = process.env || {}