Как лучше организовать код стилей во vue, если они переиспользуются, но при этом их нужно немного кастомизировать в каждом компоненте?
Привет!
Сейчас думаю над тем, как наиболее грамотно организовать стили во vue. Столкнулся с тем, что у меня местами есть жуткие повторения кода (но там хардкод, простительно). Но пока в голове даже примерно не могу понять схему рефактора.
Я использую sass, но переменные, почему-то, глобально недоступны. Или нужно импортировать их в каждый файл?
И другой момент, что есть классы, которые используются в нескольких компонентах. Если делать scoped стили, то тело стилей приходится переносить в каждый компонент, а если не scoped, то их уже нельзя кастомизировать (меняются во всех компонентах).
Как лучше организовать код стилей во vue, если они переиспользуются, но при этом их нужно немного кастомизировать в каждом компоненте?
Спасибо, не знал про такую возможность. Однако, я создал файл vue.config.js, добавил туда указанный код (с module.exports, разумеется), но переменные из импортируемого файла все равно не видны.