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

Question

[TtT RrR]

В VSCode пользуюсь расширением Live Sass Compiler. Пишу сайт с scss, часть кода пишу отдельно в новом файле, например, header.scss и объединяю его через import в главный файл style.scss.
Когда пишу в style.scss, всё нормально, компиляция происходит, создаётся CSS, но когда пишу в header.scss, Sass Compiler компилирует без ошибок, но в header.css я не вижу изменений, как и на странице.
Неудобно постоянно перезапускать Sass Compiler или изменять что-то в style.scss. Что-то можно сделать?
Моя структура:

Мои настройки расширения:

Код в 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';

Answer 1

[Jackson_Mosh]

Добавь в название файла нижнее подчеркивание "_header.scss",
или же импортируй вместе с расширением @ import 'header.scss';