наблюдатель node-sass выдает неопределенную ошибку переменной

Question

main.scss

@import "sass1";
@import "sass2";

sass1.scss

$white-color: white

sass2.scss

.body{ color: $white-color}

Если я просто так скомпилирую один раз, это будет работатьхорошо

node-sass main.scss main.css

Но если я использую наблюдатель, как это, изменить и сохранить _sass2.css выдает ошибку

node-sass --watch main.css main.css

{"status": 1, "file": "sass2.scss "," line ": 3," column ": 11," message ":" Неопределенная переменная: \ "$ whites \". "," formatted ":" Ошибка: неопределенная переменная: \ "$ whites \".\ n в строке 3 sass2.scss \ n >> color: $ whites; \ n ---------- ^ \ n "}

Я попытался использовать" sass "вместо"node-sass" и это работает, это ошибка node-sass?

Answer 1

Наконец-то я разобрался, проблема в имени файла с частями.Мы должны называть файлы с префиксом подчеркивания, если мы не хотим, чтобы он генерировал свой собственный код CSS.

Тогда решение состоит в том, чтобы изменить

sass2.scss

до

_sass2.scss

.(Также измените sass1.scss на _sass1.scss, хотя это не является проблемой ошибки)