angular - angular 7 build app - 用真实网址替换资产网址

Question

在 Angular 7 应用程序中，我有不同的资产、图像、字体等。所有这些都位于 src/assets/images 或 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

这将替换所有对 assets 资源的引用：

<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

:-)