Как подключить SASS миксины для angular проекта?

Question

[jamtuson]

Всем привет!
Не могу подключить глобально sass файлы, такие как: файл с миксинами, переменные, сетка и так далее. Пробовал импортировать их в глобальный файл стилей, но в компонентах этих переменных не видно.
В чем может быть проблема?

Answer 1

[Demian Smith]

Проблема в том что SASS файлы компонентов - это отдельные модули, не связанные с "глобальными" стилями. Для того чтоб переиспользовать миксины, переменные и прочее, создайте отдельный файл, например _utils.scss, где бы лежали эти самые миксины и переменные. И импортируйте _utils.scss в те компоненты, где они нужны.

Несколько лет назад я попытался заморочиться и сделать так чтоб миксины подключались по умолчанию где-то из настроек, но с наскока у меня не получилось - это раз. А два - поразмыслив, я пришел к тому, что это не верно, потому что при глобализации миксинов программист теряет возможность чистого и прозрачного экспортирования компонент в сторонние модули. Такие дела.

Comments

[jamtuson]

Спасибо