当在其他导入之前导入变量时,为什么我在主SCSS文件中得到未定义的变量?

时间:2017-09-01 16:22:28

标签: css sass

我的SCSS导入存在问题。我有一个基本scss文件,我将所有其他部分导入,但结果是我得到未定义的变量错误。

我的main.scss文件中的导入组织如下:

@import "variables";
@import "../core/mixins";
@import "../core/typography";
@import "../core/layout";
@import "../core/buttons";
@import "../core/navigation";
@import "../core/forms";

在我的变量文件中,我设置了整个项目中使用的全局变量,但是当我尝试访问我的mixins文件中的其中一个变量时,我得到了可怕的“未定义变量”错误。

我觉得如果没有将变量文件导入到需要使用它们的每个文件中,如果它们都以正确的顺序导入到我的主scss文件中,那么这应该是可以实现的。

我做错了什么?

错误讯息: Error Message

文件树: File Tree

正如你所看到的那样,变量是在mixins之前导入的,而mixins是在使用它们的其他样式表之前导入的,但是我得到的信息是,当它显然没有混合我试图使用时。

我也有点困惑,为什么它会在今天突然发挥作用然后再停止工作。

我正在使用gulp进行编译,我的任务设置为在'assist'文件夹中编译sass,该文件夹(应该是)导入核心样式。

0 个答案:

没有答案