@reinmaker1990

Почему переменная scss в компоненте vue — undefined?

ДД, подскажите в чем может быть проблема с значением переменной в компоненте, созданы 2 файла scss, в 1 файл импортированы переменные из 2, файл style.scss импортирован в main.js, но если я в компоненте объявляю переменную , компилятор пишет что она не обнаружена, если же эту переменную использую в style.scss все работает, в чем может быть проблема? стили внутри компонента не инкапсулированы
SassError: Undefined variable: "$margin".
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега Sass
frontend developer
Вот здесь гляньте VueJS: где лучше хранить css, в компонентах .vue или main.css?

Переменные не нужно объявлять в компонентах (только если локальные, чисто для этого компонента)
Их нужно вынести в отдельный файл и подключить этот файл глобально, через конфиг webpack

PS/ Код конфига в том моем ответе возможно устарел. Уточните имена опций в документации sass-loader.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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