在 Azure 上作为静态 WebApp 托管的 React 应用程序未检测到环境变量

静态 WebApp 托管的 React 应用程序未检测到环境变量"/>

在 Azure 上作为静态 WebApp 托管的 React 应用程序未检测到环境变量

我有一个用于部署静态 Web 应用程序的 YAML 任务：

- task: AzureStaticWebApp@0
    name: DeployStaticWebApp
    displayName: Deploy Static Web App
    inputs:
      app_location: 'web-app'
      app_build_command: 'npm ci && npm run build:int'
      cwd: '${{ parameters.root }}/webapp_package'
      azure_static_web_apps_api_token: $(deployment_token)
    env:
      REACT_APP_AAD_UI_APP_CLIENT_ID: $(REACT_APP_AAD_UI_APP_CLIENT_ID)
      REACT_APP_AAD_API_APP_CLIENT_ID: $(REACT_APP_AAD_API_APP_CLIENT_ID)
      REACT_APP_AAD_APP_TENANT_ID: $(REACT_APP_AAD_APP_TENANT_ID)
      REACT_APP_AAD_APP_SERVICE_BASE_URI: $(REACT_APP_AAD_APP_SERVICE_BASE_URI)

我有一个带有脚本的 package.json：

"scripts": {
    "start": "react-scripts start",    
    "start:int": "env-cmd -f .env.int npm start",    
    "build": "react-scripts build",    
    "build:int": "env-cmd -f .env.int npm run-script build",   
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

如何在构建/部署期间传递以下环境值？

      REACT_APP_AAD_UI_APP_CLIENT_ID: $(REACT_APP_AAD_UI_APP_CLIENT_ID)
      REACT_APP_AAD_API_APP_CLIENT_ID: $(REACT_APP_AAD_API_APP_CLIENT_ID)
      REACT_APP_AAD_APP_TENANT_ID: $(REACT_APP_AAD_APP_TENANT_ID)
      REACT_APP_AAD_APP_SERVICE_BASE_URI: $(REACT_APP_AAD_APP_SERVICE_BASE_URI)