Импорт файла sass / css во все компоненты Angular

Question

В моем файле var.sass я определяю переменную $black. Я хотел бы использовать эту переменную в ALL моих components.sass файлов. Для этого мне нужно написать @import в каждом файле или есть лучшее решение для этого?

Мы все знаем, что я не могу использовать эти переменные внутри components.sass, когда я импортирую этот видфайлы в глобальный styles.sass файл.

Answer 1

Насколько я знаю, это невозможно. Обходной путь - это то, что вы уже сделали - я использую файл variables.scss, который я импортирую во все компоненты, которым нужны эти переменные (выложите NetBasal для краткой статьи, описывающей это ).

Answer 2

Каким-то образом вам нужно будет поместить ваш файл var.sass в файл (ы) компонента. Лично для каждого из моих модулей требуется свой собственный файл styles.scss, в каждом файле styles.scss я использую SASS @import для получения моего глобального файла vars. У меня есть шаблонная структура, которую я использую для модулей, которые уже подключены к CSS. Но, может быть, есть еще более изумительный способ включить ваш глобальный SASS во время сборки ...