在不导入或引用变量文件的情况下在文件之间共享SASS变量？

Question

是否可以在文件之间共享变量，而无需在每个文件中导入我的变量文件？这是一个例子：

Variables.scss

$primary: #0000FF;

HelpPage.scss

#help-page-container {
    background: $primary;
}

Core.scss

@import "Variables.scss";

@import "HelpPage.scss";

Core.scss是唯一被编译的文件。我的所有单页文件，常用CSS类和Variables.scss都包含在此文件中。

如果我想在 HelpPage.scss 文件中使用$primary，我需要执行以下操作：

@import "Variables.scss";

或

/// <reference path="Variables.scss" />

任何一个都有效。但是，如果我有20个页面，我需要导入/引用顶部的变量文件每个，只是为了使Visual Studio高兴而不是抛出

  

未声明的变量

我的错误。

Answer 1

你读过这个吗？ http://thesassway.com/beginner/how-to-structure-a-sass-project

基本上你会将_variables.scss和_help-page.scss 导入 core.scss

这样 helppage partial可以访问所有变量。