В головном .scss-файле я последовательно подключаю файл с переменными, и файлы конкретных секций. Это выглядит так:
@import 'variables'
@import 'header'
@import 'footer'
Если не написать в начале каждой секции @import 'variables'
, то PHPStorm подчеркнёт использование переменных и расширяемых модулей, как вызванные без должного объявления.
Импортирование в начале файла каждой секции не просто использует переменные — происходит импорт всего файла. Поэтому такой вариант не подойдёт. Вдобавок это нарушает работу стилей. На официальном сайте SASS предлагают использовать @use
, однако там же указывают, что его поддержки ещё нигде нет.
Можно ли как-то навести порядок в этом вопросе, пока разработчики не ввели поддержку @use
?
variables
не должно быть никаких стилей, только переменные! Ну и опять же, а чем вам мешает "подчеркивание"?@extend %template
. Они также подчёркиваются. И тогда при импорте файлы некорректно конкатенируются, добавляется дублирование и перезаписывание кода. А подчёркивание мне мешает тем, что я могу действительно ошибочно использовать переменную/шаблон, или столкнуться с такой проблемой, открыв чужой код. И не узнать об этом. Раз IDE даёт возможность — надо пользоваться.