Ionic配置iOS构建目标目录，实现多版本APP差异化构建

1. 调整项目目录结构 #

• 在项目根目录下创建两个版本的专属资源目录，示例结构：
  • version-a/assets：存放版本A的图片、字体等静态资源
  • version-a/i18n：存放版本A的本地化翻译文件
  • version-a/ios-resources：存放版本A的iOS图标、启动图资源
  • 对应创建version-b的相同结构目录，放置版本B的专属资源

2. 配置多版本Capacitor参数 #

• 为每个版本创建独立的Capacitor配置文件：
  • 复制根目录的capacitor.config.ts为capacitor.config.version-a.ts，修改其中的appId（如com.yourcompany.appa）和appName字段，匹配版本A的标识
  • 同理创建capacitor.config.version-b.ts，设置版本B专属的appId和appName

3. 编写自动化构建脚本 #

在package.json的scripts字段中添加以下命令，实现一键构建并同步到对应iOS目录：

"scripts": {
  "prebuild:version-a": "cp -r version-a/assets/* src/assets/ && cp -r version-a/i18n/* src/assets/i18n/",
  "build:version-a": "ng build --configuration=production",
  "postbuild:version-a": "ionic cap sync ios --ios-project-path=ios-version-a --config=capacitor.config.version-a.ts",
  
  "prebuild:version-b": "cp -r version-b/assets/* src/assets/ && cp -r version-b/i18n/* src/assets/i18n/",
  "build:version-b": "ng build --configuration=production",
  "postbuild:version-b": "ionic cap sync ios --ios-project-path=ios-version-b --config=capacitor.config.version-b.ts"
}

• 各阶段说明：
  • prebuild：将当前版本的资源和本地化文件覆盖到Angular项目的对应目录
  • build：执行Angular生产环境构建
  • postbuild：指定专属的iOS目标目录和Capacitor配置文件，同步构建产物到该目录

4. 初始化并配置各版本iOS项目 #

• 首次构建版本A时，运行npm run build:version-a，完成后打开ios-version-a/App/App.xcodeproj：
  • 在Xcode中导入version-a/ios-resources中的图标资源，设置专属应用图标
  • 确认bundle ID与capacitor.config.version-a.ts中的appId完全一致
  • 配置iOS专属的权限、推送证书等其他设置
• 重复上述操作处理版本B的iOS项目，打开ios-version-b/App/App.xcodeproj完成专属配置

5. 后续构建与同步 #

之后每次构建对应版本，只需运行：

• 版本A：npm run build:version-a
• 版本B：npm run build:version-b
  Capacitor会自动同步到各自独立的iOS目录，不会覆盖之前在Xcode中配置的图标、bundle ID等专属设置

关键注意事项 #

• 确保capacitor.config.version-x.ts中的appId与Xcode中设置的bundle ID完全匹配，避免同步时出现配置冲突
• 若Angular使用@angular/localize的编译期本地化方案，需在build命令中添加对应参数（如ng build --configuration=production --localize=en,zh），并确保各版本的i18n文件对应正确语言
• Windows系统需将prebuild中的cp命令替换为xcopy，或使用跨平台工具cpy-cli实现兼容（安装后命令改为cpy "version-a/assets/**/*" "src/assets/" --parents && cpy "version-a/i18n/**/*" "src/assets/i18n/" --parents）

内容的提问来源于stack exchange，提问作者Advent Media