如何强制Ionic AppFlow使用生产环境进行构建？

我使用Ionic AppFlow Live Update部署功能时一切正常，但构建采用的是**开发（development）**环境而非生产（production）环境。有一个同类应用使用Live Update能正确采用生产环境构建，但找不到两个应用的配置差异。

现有两个环境文件：

environment.prod.ts
environment.ts

当前应用使用的是开发环境的environment.ts配置。

通过USB可以在设备上正确安装生产模式应用，命令如下：

$ ionic cap copy --configuration=production
$ ionic cap open android

解决方法 #

1. 调整package.json的构建脚本 #

在package.json的scripts字段中，确保有明确指向生产环境的构建命令：

• 方案一：修改默认build命令为生产构建

{
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --configuration=production",
    "build:dev": "ng build", // 可选：保留开发环境构建命令
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  }
}

• 方案二：新增生产环境专属构建命令

{
  "scripts": {
    // ... 原有脚本
    "build:prod": "ng build --configuration=production"
  }
}

2. 在AppFlow控制台指定构建命令 #

登录Ionic AppFlow控制台，针对你的Live Update构建任务做如下配置：

• 进入应用的Build页面，选择对应的构建任务
• 在Build Command选项中，根据你调整的脚本选择对应命令：
  • 若用方案一，填写npm run build
  • 若用方案二，填写npm run build:prod
• 保存配置后重新触发构建

3. 确认angular.json配置有效性 #

从你提供的angular.json来看，生产环境的文件替换配置已经正确：

"configurations": {
  "production": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ],
    // 其他生产优化配置...
  }
}

只要构建时指定了--configuration=production，就会自动替换为生产环境文件，无需额外修改。

4. 排查AppFlow环境变量（可选） #

如果上述步骤无效，检查AppFlow控制台的环境变量设置：

• 进入应用的Settings -> Environment Variables
• 确保没有设置NODE_ENV=development这类会覆盖构建环境的变量

内容的提问来源于stack exchange，提问作者Gustavo Daniel