Я создаю собственную библиотеку пользовательского интерфейса для внутреннего использования в своих проектах.У меня уже есть несколько готовых модулей, и я начал их использовать, и это заставляет меня задуматься над тем, как «выставить» переменные scss для перезаписи в приложении, использующем эту библиотеку.Что-то вроде того, что делает ionic для своих компонентов (на каждом компоненте есть список переменных scss, которые он использует, которые можно переопределить в приложениях scss.
Обычно вы начинаете с _variables.scss, theme.scss (куда вы импортируете все файлы prtial), но в качестве совета вы должны создать файл prtial scss для каждого компонента, такого как выпадающий список, карта, кнопка ... и т. Д.Например, primeng имеет что-то вроде этого, и вы можете взглянуть на репозиторий начальной загрузки.
Создайте два файла: один для конфигурации, другой для стиля.
Пользователь импортирует конфигурацию, редактирует переменные, а затем импортирует стиль.Это дало бы
@import 'myLib/variables'; $color: green, $background: yellow; @import 'myLib/styling';