visual-studio - 在文件之间共享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

这样，帮助页面部分可以访问所有变量。