通过dotenv-cli使用package.json中的环境变量

Question

在我的React项目中想要通过

.env

配置端口启动生产环境。

这是我的

.env

文件：

PORT                = 3001
APP_BE_IP           = 127.0.0.1
APP_BE_PORT         = 3333
REACT_APP_API_KEY   = 'http://${APP_BE_IP}:${APP_BE_PORT}/'
API_TIMEOUT_MS      = 10000

我在package.json中添加了

dotenv-cli

{
  ... ... ...
  ... ... ...
  "scripts": {
    "envport": "dotenv -p PORT",
    "start:prod1": "serve -s build -l ${dotenv -p PORT}", // Need to Configure with env.PORT
    "start:prod":  "serve -s build 3001",
    "build:prod": "react-scripts build",
    "prod": "npm run build:prod && npm run start:prod"
    ... ... ...
  }
  "dependencies": {
    ... ... ...
    "react": "^18.3.1",
    ... ... ...
  },
  "devDependencies": {
    "dotenv-cli": "^7.4.2",
    ... ... ...
  },
  "peerDependencies": {
    "react": "^18.3.1",
    "react-dom": "^18.3.1"
  },
  ... ... ...
}

运行时

npm run envport

它返回正确的

env.PORT

值 (3001)。
但如何在

npm run start:prod

脚本中使用它？

Answer 1

如果我使用

$PORT

，它可以与

dotenv-cli

完美配合。
经过大量研究找到了解决方案 EOD。
所以，我的最终脚本是：

{
  ... ... ...
  ... ... ...
  "scripts": {
    "start:prod":  "dotenv -e .env serve -s build -l $PORT",
    "build:prod": "react-scripts build",
    "prod": "npm run build:prod && npm run start:prod"
    ... ... ...
  }
  ... ... ...
  ... ... ...
}