我目前在我的Angular项目中使用Capacitor。到目前为止，我已经在angular.json文件中定义了几个构建目标（development、staging和production），并使用ng build --configuration=<target_name>进行了不同配置的部署。
我想在Capacitor中实现相同的功能，这样我就可以根据目标进行不同的构建。我更新了我的环境文件如下：

export const environment = {
  target: 'development',
  // ...
}

并更新了capacitor.config.ts文件：

import { CapacitorConfig } from '@capacitor/cli';
import {environment} from "./src/environments/environment";

const config: CapacitorConfig = {
  webDir: `dist/${environment.target}`,
  // ...
}

然而，这总是导致webDir成为dist/development，因为我在更新电容器项目时找不到指定构建目标的方法。因此，使用的环境文件始终是environment.ts，而不是被environment.production.ts替换（假设我想为生产环境构建）。
目前，我使用以下步骤来构建我想要的目标：
1.要为所需目标生成版本，请执行以下操作：

npx ng build --configuration=<build_target>

1.手动更改capacitor.config.ts文件：

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  webDir: 'dist/<build_target>',
  // ...
}

1.然后更新Capacitor项目：

npx cap sync ios