Theming Angular приложений и библиотек с Bootstrap и sass

Question

Я использую подход MonoRepo для создания клиентских приложений. Все мои c подобные компоненты находятся в нескольких Angular библиотеках. Для каждого клиента у меня будет свое приложение, в котором можно будет настроить его и предоставить макет, который ему нужен. Кроме того, в каждом клиентском приложении я хотел бы перезаписать цвета темы начальной загрузки. В библиотеках / компонентах я хотел бы получить доступ к цветам темы.

Вот проблема: В файлах компонентов.s css в моих библиотеках я не могу импортировать переменные. S css ни из bootstrap (потому что тогда у меня будут цвета по умолчанию) или из моего приложения (потому что тогда у меня будут цвета одного указанного c клиента во всех моих компонентах библиотеки).

Как я могу решить проблему стилизовать каждое приложение индивидуально, используя s css?

Answer 1

Я могу предложить вам попробовать эту опцию , обсуждаемую в StackOverflow. Он использует подход includePaths вместо fileReplacements (это было моей первой мыслью, но пока Angular не работает с S CSS).

Я считаю, что вы можете построить с использованием другой конфигурации и заменить S CSS файл переменных в зависимости от проекта, который вы строите. К сожалению, этот подход требует загрязнения файла angular. json тоннами конфигураций для каждого проекта, для которого требуется собственный стиль.