Можно ли динамически импортировать файл Variables.scss в Styles.scss?

Question

Для двух разных клиентов нужна своя тема, а цвета соответствующих тем сохраняются в файлах Variables1.scss и Variables2.scss. При запуске приложение выполняет http-вызов и извлекает информацию, такую ​​как название компании. Теперь, в зависимости от названия компании, я хочу принять решение, импортировать ли Variables1.scss или Variables2.scss.

Это кажется немного сложным, потому что компиляция SCSS для генерации CSS выполняется в первую очередь. И только после этого приложение запускается и извлекает информацию о компании из базы данных.

Создание приложения для каждого клиента путем импорта соответствующего файла Variables.scss может быть простым решением, но если число компаний не увеличится, этот способ будет невозможен.

Я просмотрел много постов, которые в некоторой степени связаны с моими, но они либо предложили решение, которое создает много дублирования кода, либо заставили меня изменить название классов в приложении.

Предложения экспертов будут высоко оценены.

Answer 1

Я считаю, что лучшим подходом здесь является использование CSS-переменных .

Для variables1.scss и variables2.scss вы знаете их структуру и какие свойства они содержат, основываясь на том, что выможно создать те же свойства, используя CSS Variables, а затем сопоставить их в приложении с общей переменной:

например,

  $background-default: var(--background-default)

И когда вы выполняете запрос Http, загружайте переменные динамически на основена ответ.