Как изменить пути к ресурсам при генерации с помощью angular-cli css?

Question

Описание

В нашем угловом проекте на основе веб-пакета мы используем следующую линию развертывания:
1. Сгенерируйте все статические ресурсы в статическую папку
2. Создать индекс HTML
3. Разверните статические ресурсы на "Статический сервер" (сегмент S3)
4. Разверните index.html на "Главный сервер"

Папка Dist выглядит так:

dist  
--static  
----anivers-bold.eot  
----logo.svg  
----styles.bundle.css  
----code.bundle.js  
--index.html  

А ссылки на ресурсы в index.html выглядят так:
<script src="http://127.0.0.1:4200/code.bundle.js"></script>

Итак, теперь я сгенерировал похожую структуру и index.html, но ссылки в styles.bundle.css неверно настроены шрифты и изображения.
Ток: src: url('anivers-bold.eot');
Ожидать: src: url('http://127.0.0.1:4200/anivers-bold.eot');

Кто-нибудь знает, как я могу изменить пути к ресурсам при генерации с помощью angular-cli css?

Что я пытаюсь

Вы можете найти тестовое приложение в тестовом репозитории. использование ng build для тестовой сборки

Я погрузился в angular-cli и нашел плагин postcss, который обрабатывает ресурсы: node_modules\@angular-devkit\build-angular\src\angular-cli-files\plugins\postcss-cli-resources.js

Я пытаюсь использовать resourcesOutputPath параметр, но это только генерация каталогов. Также я пытаюсь чан Href в base тег, но в этом случае угловой роутер ломается.

Answer 1

Я нашел следующее решение:
в файле.css, который получал с удаленного сервера, ресурсы, запрашиваемые с этого сервера
Итак, нам нужно извлечь стили с ресурсами (фоновый URL, шрифт) в глобальных стилях, и все будет работать