Переопределить переменную sass из другого проекта
У меня есть несколько проектов, в которых я хочу переопределить цветовую переменную scss из двух разных проектов.
Например, если я запускаю проект A, я хочу, чтобы $ primaryColor был красным и если я запускаю проект B, я хочу, чтобы $ primaryColor был зеленым
Мое дерево проекта - Project_A - Project_B - Shared_Component_Library - Библиотека стилей - color_palette.scss
оба Project_A и Project_B используют Shared_Component_Library а Shared_Component_Library получает свой стиль от Style_Library.
как я могу заменить цветовую переменную scss другим значением при запуске другого проекта?
если это поможет, я использую angular-cli для создания этих нескольких проектов
Ответы 1
Есть много способов ....
Первый:
Вы должны поместить в каждый проект небольшой файл scss с переопределенной переменной ... Эти файлы должны включать ваш общий файл scss ... Но он создаст 2 файла ....
Первая и половина:
Если вы не хотите дублировать весь файл css, вы можете просто извлечь компонент scss, который нужно переопределить, в другом файле, который будет продублирован ...
Второй:
Если вы не ограничены и можете сделать исключение для IE11 (см. Здесь https://caniuse.com/#feat=css-variables), вместо af, используя переменные scss, вы можете просто использовать переменную css ...
PS:
Я не даю вам код, может быть, вам нужно посмотреть, как вы можете включить и переопределить?
Вы можете посмотреть, как выполняется bootstrap 4 с помощью scss, вы увидите, как выполняются переменные ...