Угловое приложение с несколькими стилями, а не только темами, которые поддерживают ленивую загрузку

Question

У меня есть требование в моем Angular, где каждый компонент в приложении должен иметь различный внешний вид в разных средах (или клиентах).

Например:

Компонент с вкладками для среды 1 можетвыглядеть следующим образом

среда 2 будет

Однако, функциональность и макет страницы останутся прежними.

1. CSS одного клиента не должен быть связан с другими.
2. Скомпилированный CSS должен быть загружен по требованию (отложенная загрузка).
3. Стили, специфичные для клиента, должны быть такимикак можно меньше.

Здесь есть похожие вопросы, но большинство из них меняют темы, такие как цвета и шрифты .

Динамическое изменение styles.scss в Angular

Стили тем приложений с отложенной загрузкой с Angular CLI

Существует еще один подход, которыйдинамически меняет styleurls, не уверен, что это действительно даже сегодня.

Dynamic styleUrls in angular 2?

Если я пойду с этим подходом, у меня будет 3 SASSфайлы для каждого компонента common.styles с mixins, client1.scss, client2.scss.

Я хотел бы знать, есть ли более подходящие подходы, чем этот.