Новые импортированные файлы не компилируются в CSS (NPM Compile: SASS)

Question

Я только начинаю с SASS, полностью начинающий.Компиляция пакета: sass работает отлично, но проблема в том, что всякий раз, когда я создаю новый файл scss, мне нужно полностью перезапустить мой SASS-компилятор и мой live-сервер (пакет также), чтобы фактически обнаружить изменения, вносимые в новый файл. МожетЯ это исправляю, или это так работает?

Есть ли лучшие способы для компиляции SASS?

Answer 1

Ну вот как это работает.Когда запускается компилятор SASS, он составляет список .scss файлов, которые он должен отслеживать для изменений.Любой файл, созданный после запуска компилятора, не будет отслеживаться на предмет изменений.

Что ж, лучший предпочтительный способ скомпилировать sass, чтобы получить главный .scss файл, который будет скомпилирован.И любой новый файл должен быть создан как частичный (который не скомпилирован в отдельный .css файл).

Например,Я создаю файл style.scss , который компилируется в style.css .Теперь предположим, что я хочу создать файл для форм, поэтому я создаю _forms.scss и импортирую этот файл в style.scss .

Файлы, начинающиеся с _, называются частичными иони не скомпилированы в отдельный файл .css.Но да, используйте это так, как это предполагается использовать, то есть создайте частичный файл, только когда стили, включенные в частичный файл, являются частью некоторого мастер-файла , и он сам не является отдельным scss-файлом.

_forms.scss

.input {
    padding: 4px;
    border: 1px solid #ccc;
}

style.scss:

@import "path_to/form";
.body {
  margin: 0;
  font-family: calibri;
}