@AndrewRusinas

Как лучше организовать код стилей во vue, если они переиспользуются, но при этом их нужно немного кастомизировать в каждом компоненте?

Привет!
Сейчас думаю над тем, как наиболее грамотно организовать стили во vue. Столкнулся с тем, что у меня местами есть жуткие повторения кода (но там хардкод, простительно). Но пока в голове даже примерно не могу понять схему рефактора.

Я использую sass, но переменные, почему-то, глобально недоступны. Или нужно импортировать их в каждый файл?
И другой момент, что есть классы, которые используются в нескольких компонентах. Если делать scoped стили, то тело стилей приходится переносить в каждый компонент, а если не scoped, то их уже нельзя кастомизировать (меняются во всех компонентах).

Как лучше организовать код стилей во vue, если они переиспользуются, но при этом их нужно немного кастомизировать в каждом компоненте?

Простите за небольшой сумбур, болею :(
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
Глобальное подключение переменных и миксинов можно настроить в конфиге

css: {
    loaderOptions: {
        sass: {
            data: `@import "@/styles/config/env-production.scss";`,
        },
    },
},
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы