Angular 7 构建应用程序 - 将资产 URL 替换为真实 URL

Question

在 Angular 7 应用程序中，我有不同的资产、图像、字体等。所有这些都位于 src/assets/图像或 src/assets/fonts 等

我

我的文件我像这样使用它们：<img src="/assets/images/img.png">

Angular.json看起来像这样：

 .....
 "assets": [
          "src/favicon.ico",
          "src/assets"
        ]
 .....

构建时，我使用：

ng build --prod --build-optimizer --deploy-url=https://cdn.domain.com

这将替换以下对资产资源的所有引用：

<img src="/assets/images/img.png">

对此：

<img src="https://cdn.domain.com/assets/images/img.png">

我的问题如何在构建时删除assets/images路径，以便在构建后输出将是：

<img src="https://cdn.domain.com/img.png">

Answer 1

你可以替换

 "assets": [
    ...
    "src/assets",
    ...
  ]

由

"assets": [
  ...
  { "glob": "**/*", "input": "src/assets", "output": "/" },
  ...
]

所有文件都将位于"/dist/environment/

"中，而不是"/dist/environment/..."

然后在您的 html 文件中，直接使用 ：

<img src="/img.png">

看看这里 ： https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/asset-configuration.md

：-）