Переопределить переменную sass из другого проекта

Question

У меня есть несколько проектов, в которых я хочу переопределить переменную цвета scss из двух разных проектов.

например, если я запускаю проект A, я хочу, чтобы $ primaryColor был красным и если я запускаю проект B, я хочу, чтобы $ primaryColor был зеленым

Дерево моего проекта - Project_A - Project_B - Shared_Component_Library - Style_Library - color_palette.scss

и Project_A, и Project_B используют Shared_Component_Library и Shared_Component_Library получают свой стиль из Style_Library.

как я могу переопределить переменную цвета scss другим значением при запуске моего другого проекта?

если это поможет, я использую angular-cli для создания нескольких проектов

Answer 1

Есть много способов ....

Первый :

Вы должны поместить в каждый проект небольшой файл scss с переопределенной переменной ... Эти файлы должны включать ваш общий файл scss ... Но он создаст 2 файла ....

Первая и половина :

Если вы не хотите дублировать весь файл CSS, вы можете просто извлечь компонент scss, который необходимо переопределить, в другой файл, который будет продублирован ...

Второй :

Если вы не ограничены и можете сделать исключение из IE11 (посмотрите здесь https://caniuse.com/#feat=css-variables), вместо использования переменных scss, вы можете просто использовать переменную css ...

PS :

Я не даю вам код, может быть, вам нужно посмотреть, как вы можете включить и переопределить?

Вы могли бы взглянуть на то, как выполняется начальная загрузка 4 с помощью scss, вы увидите, как работают переменные ...