Angular 7 build app - замените URL ресурсов на реальный URL - PullRequest
0 голосов
/ 28 декабря 2018

В приложении 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

Это заменит всессылка на ресурс ресурса из этого:

<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">

1 Ответ

0 голосов
/ 02 января 2019

Вы можете заменить

 "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

: -)

...