Как я загружаю разные стили для разных страниц в angular 20 и когда все ресурсы тоже разные ⇐ Html

[Anonymous]

Вопрос:
Привет, разработчики и руководители!
В настоящее время я работаю над проектом Angular v20+ и столкнулся с проблемой на начальном этапе настройки.
В моем проекте есть две разные части пользовательского интерфейса:
Главная страница (целевая страница и связанные общедоступные страницы)
Панель управления (раздел «Пользователь/Администратор»)
Оба имеют отдельные наборы ресурсов — то есть собственные файлы CSS, JS, jQuery, Bootstrap и другие ресурсы.
Структура папок выглядит примерно так:
/src/assets/
/home/
css/
js/
images/
/dashboard/
css/
js/
images/
Однако проблема в том, что некоторые классы CSS и имена функций JS одинаковы в обоих наборах.
Когда я включаю оба класса в приложение Angular (даже если они хранятся в разных папках), они конфликтуют друг с другом, что приводит к полной поломке пользовательского интерфейса.
Что я пробовал далеко:
Отложенная загрузка стилей и скриптов по требованию
Динамическая загрузка ресурсов через сервисы Angular
Использование внедрения скриптов на уровне компонентов
Рендеринг и размонтирование логики с условной загрузкой ресурсов
Несмотря на множество подходов, я все еще невозможно изолировать оба раздела пользовательского интерфейса без конфликтов.
Моя цель:
Я хочу загружать ресурсы Home и Dashboard независимо —
чтобы при переключении между маршрутами соответствующие CSS/JS загружались и выгружались аккуратно, не мешая друг другу.
Запрос:
Если кто-то сталкивался с подобной структурой или может поделиться передовым опытом или примером GitHub по управлению несколькими темами или макетами пользовательского интерфейса (с отдельными ресурсами) в одном проекте Angular v20+ — это будет чрезвычайно полезно.
Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/797 ... -all-asset