所以我遇到了这个问题。我有几个sass文件。结构如下所示:
/scss
/scss/style.scss
/scss/partials/_variables.scss
/scss/page/header.scss
/scss/page/container.scss
/scss/page/footer.scss
style.scss文件的内容如下所示:
//SASS version used 3.4.13
//Partials
@import 'partials/variables';
//Import base structure elements
@import 'page/header';
@import 'page/container';
@import 'page/footer';
在我的_variables.scss文件中,我有一个测试变量,它是$ primary:#000;在我的header.scss文件中,我有一个语法:
body {
background: $primary;
}
这就是场景。问题是,如果我在header.scss文件中更改某些内容并保存它,则预处理器会抛出错误:
错误scss / page / header.scss(第4行:未定义的变量:“$ primary”。)
如果我在_variables.scss文件中更改了任何内容并保存它,那么所有css生成都可以正常工作。
我用命令查看我的sass文件:sass --watch scss:css /
可能导致此问题的原因是什么?