如何使用eas-cli build构建Web版本并管理多环境配置

EAS Build 原生支持Web端构建，无需继续使用已停止维护的旧版expo build命令处理Web端打包流程，完全可以复用现有eas.json的多环境管理能力实现三端配置隔离。

具体配置步骤如下：

• 调整eas.json配置，在build配置块下新增独立的Web端构建配置项，和现有iOS、Android的构建profile平级，每个Web环境profile可以单独配置专属环境变量、构建参数，和其他端配置完全不冲突。参考配置示例：

{
  "cli": {
    "version": ">= 5.0.0"
  },
  "build": {
    // 原有iOS、Android通用构建profile保留即可
    "development": {
      "developmentClient": true,
      "distribution": "internal",
      "env": { "APP_ENV": "development" }
    },
    "staging": {
      "distribution": "internal",
      "env": { "APP_ENV": "staging" }
    },
    "production": {
      "env": { "APP_ENV": "production" }
    },
    // 新增Web端专属构建profile
    "web-dev": {
      "platform": "web",
      "env": {
        "APP_ENV": "development",
        "API_BASE": "https://dev-api.your-domain.com"
      }
    },
    "web-staging": {
      "platform": "web",
      "env": {
        "APP_ENV": "staging",
        "API_BASE": "https://staging-api.your-domain.com"
      }
    },
    "web-prod": {
      "platform": "web",
      "env": {
        "APP_ENV": "production",
        "API_BASE": "https://api.your-domain.com"
      }
    }
  }
}

• 检查项目package.json中的脚本配置，确保存在Web构建对应的执行脚本，标准配置如下：

{
  "scripts": {
    "build:web": "expo export --platform web"
  }
}

• 触发Web构建时，指定对应的Web端profile即可，例如构建生产环境Web包执行命令：eas build --profile web-prod。如果担心默认平台配置影响，也可以显式追加平台参数：eas build --platform web --profile web-prod，构建过程中EAS会自动加载对应profile下配置的所有环境变量，实现不同环境的差异化打包。

构建完成后，EAS会和移动端构建流程一致，在构建结果页提供打包好的Web静态资源压缩包，解压后的dist目录内容可以直接部署到任意静态资源托管服务。

内容的提问来源于stack exchange，提问作者Esteban Chornet