node-sass watcher 给出未定义的变量错误答案

【问题标题】：node-sass watcher gives undefined variable errornode-sass watcher 给出未定义的变量错误
【发布时间】：2019-05-08 23:25:53
【问题描述】：

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

{ “状态”：1， “文件”：“sass2.scss”， “线”：3， “列”：11， "message": "未定义变量：\"$whites\".", "formatted": "Error: Undefined variable: \"$whites\".\n on line 3 of sass2.scss\n>> color:$whites;\n ----------^\n " }

我尝试使用“sass”而不是“node-sass”并且它有效，它是node-sass的一个错误吗？

【问题讨论】：

标签： sass node-sass

【解决方案1】：

最后，我发现问题出在部分的文件名上。如果我们不希望它生成自己的 css 代码，我们应该使用下划线前缀命名文件。

那么解决办法就是改变

sass2.scss

到

_sass2.scss

。（也把sass1.scss改成_sass1.scss虽然不是报错的问题）

【讨论】：