angular - 在使用ng serve开发期间如何为不同的Angular语言环境提供服务？

Question

我正在使用Angular Internationalization (i18n)开发两种不同语言(fa/en)的应用程序。

目标是将两个不同的版本部署到服务器上的子文件夹中(example.com/en/...)

这些构建不仅在翻译方面有所不同，而且样式和布局方向也有所不同。

我可以像这样服务任何本地化(语言)

  "architect": {
    "build": {
      ...
      ,
      "configurations": {
      ...
        },
        "fa": {
          "localize": ["fa"],
          "baseHref": "/fa/"
        },
        "en": {
          "localize": ["en"],
          "baseHref": "/en/"
        }
      }
    },
    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "app:build"
      },
      "configurations": {
        "production": {
          "browserTarget": "app:build:production"
        },
        "en": {
          "browserTarget": "app:build:en"
        },
        "fa": {
          "browserTarget": "app:build:fa"
        }
      }
    },
    "extract-i18n": {
      "builder": "@angular-devkit/build-angular:extract-i18n",
      "options": {
        "browserTarget": "app:build"
      }
    },
    ...
  }

然后 ng serve --configuration=en可以工作了，我可以在 http://localhost:4200/en/...上找到它。但是 我需要在开发过程中同时提供两种语言来处理样式和正确的布局并检查翻译。如果我尝试在构建配置 "localize": ["fa","en"]中执行此操作，则会收到以下错误。
An unhandled exception occurred: The development server only supports localizing a single locale per build

到目前为止，我得到的最好的结果是在不同的端口上多次运行 ng serve ..，以在不同的语言环境中拥有两个开发服务器实例，但这有点丑陋。我希望有一个更好的解决方案。

Answer 1

在Angular 9中，开发服务器(ng服务)只能与单个语言环境一起使用。

但是，您仍然可以通过运行两个单独的命令在不同的端口上为每个语言环境提供服务:
ng serve --configuration=fa --port 4200ng serve --configuration=en --port 4201
希望他们会在Angular 10中为开发版本引入多个语言环境选项