UNN4MED
@UNN4MED
Начинающий псевдопрогер

Почему не компилируются изменения одного scss файла, подключённого к главному style.scss файлу?

В VSCode пользуюсь расширением Live Sass Compiler. Пишу сайт с scss, часть кода пишу отдельно в новом файле, например, header.scss и объединяю его через import в главный файл style.scss.
Когда пишу в style.scss, всё нормально, компиляция происходит, создаётся CSS, но когда пишу в header.scss, Sass Compiler компилирует без ошибок, но в header.css я не вижу изменений, как и на странице.
Неудобно постоянно перезапускать Sass Compiler или изменять что-то в style.scss. Что-то можно сделать?
Моя структура:
638b408181969794642913.png
Мои настройки расширения:
638b40c7b0373630169638.png
Код в style.scss:
// СЛУЖЕБНЫЕ SCSS
@import 'reset';
@import 'font';
@import 'root';

// ОБЩИЕ СТИЛИ
.container{
   max-width: 1000px;
   margin: 0 auto;
   padding: 0 10px;
   box-sizing: content-box;
}

// РАЗДЕЛЬНЫЕ SCSS
@import 'header';
@import 'card-list';
  • Вопрос задан
  • 33 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Jackson_Mosh
Добавь в название файла нижнее подчеркивание "_header.scss",
или же импортируй вместе с расширением @ import 'header.scss';
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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