Как в VS Code настроить видимость SASS-переменных из импортированых файлов?

Question

[imko]

Есть допустим два файла:
biba.scss
$color: #dadada;
и boba.scss

@import "./biba.scss";
background: $color;

задача в boba.scss не писать руками имя переменной $color, а выбирать его из автокомплита. Аналогично для миксинов и прочего

Answer 1

[Максим Морев]

Есть расширение SCSS IntelliSense, оно ищет декларации по всему, что находится в воркспейсе

Comments

[Dosya]

А как сделать так с mixin?

[Максим Морев]

Dosya, расширение работает с миксинами, переменными и функциями, если они есть в проекте.



Если миксины расположены где-то во внешнем пакете, то они по умолчанию не сканируются - там есть настройка с черным списком директорий.



У меня есть внешняя библиотека с миксинами и функциями, но мне стрёмно включать node_modules в сканер, потому что node_modules - это черная дыра, поэтому я в корне проекта создаю симлинк на нужную либу и ставлю его в .gitignore - так расширение подхватывает всё, что нужно.

Оно не работает с новыми модулями SASS (которые @use ...) и вряд ли будет работать (от автора уже год как ничего не слышно), но альтернатив в любом случае нет.