如何为每个语言版本的angular设置自定义基本标签和输出文件夹？

编程问答 2022-08-12

问题描述

问题

我有几种语言的角度应用程序。我正在使用ng build --prod提取部署版本。

将构建版本提取到其自己的文件夹中，并将基本标记设置为语言环境。

我的angular.json：

...
"build": {
  "builder": "@angular-devkit/build-angular:browser","options": {
    "outputPath": "dist/","index": "src/index.html","localize": ["nl","en-US"],"main": "src/main.ts","polyfills": "src/polyfills.ts","tsConfig": "tsconfig.app.json","aot": true,"assets": [
      "src/assets"
    ],"styles": [
      "src/theme.scss","src/styles.scss"
    ],"scripts": []
  },"configurations": {
    "production": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts","with": "src/environments/environment.prod.ts"
        }
      ],"optimization": true,"outputHashing": "all","sourceMap": false,"extractCss": true,"namedChunks": false,"extractLicenses": true,"vendorChunk": false,"buildOptimizer": true,"budgets": [
        {
          "type": "initial","maximumWarning": "2mb","maximumError": "5mb"
        },{
          "type": "anyComponentStyle","maximumWarning": "6kb","maximumError": "10kb"
        }
      ]
    },"nl": {
      "localize": ["nl"]
    }
  }
}
...

我的dist文件夹中的文件夹结构如下：

dist/
 - en-US/...en-files
 - nl/...nl-files

并且index.html文件具有基本标记，例如：

<base href="/en-US/">
<base href="/nl/">

我想在部署时设置不同的基本标记和文件夹结构。目前，我正在手动执行此操作。但是我宁愿将文件输出像在构建中那样。这可能意味着更改我的angular.json文件中的某些设置。

问题

如何为每个语言版本的角度设置自定义基础标签和输出文件夹？

所需结果

我希望实现：

dist/
 - en/...en-files
 - ...nl-files

并且index.html文件应具有基本标记，例如：

<base href="/en/">
<base href="/">

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangular-i18ndeploymenthtml