main.scss
@import "sass1";
@import "sass2";
sass1.css
$white-color: white
sass2.css
.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\"。","formated":"错误:未定义的变量:\"$whites\"。\n在sass2.scss的第3行。\n>>颜色:$whites;\n---------------\n"}
我试着用"sass"代替"node sass",它很有效,这是node sas的错误吗?
最后,我发现问题出在分部的文件名上。如果我们不希望它生成自己的css代码,我们应该用下划线前缀命名文件。
那么解决方案就是改变
sass2.css
到
_sass2.scss
。(也将sass1.css更改为_sass1.scss,尽管这不是错误的问题(