在文件之间共享 SASS 变量，而不导入或引用变量文件？答案

【问题标题】：Share SASS variables between files, without importing or referencing variables file?在文件之间共享 SASS 变量，而不导入或引用变量文件？
【发布时间】：2017-05-02 11:04:21
【问题描述】：

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

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 开心而不是抛出

未声明的变量

我错了。

【问题讨论】：

只是在为同一问题寻找解决方案，尽管在不同的环境 (PhpStorm) 中，即使 /// <reference path="Variables.scss" /> 也是不可能的，所以除非@使用了 987654331@ ......在研究此事的过程中，我发现 LESS 有超过 SASS 的东西是通过引用导入的，例如@import (reference) "variables.scss" 在这里可以解决问题，但在 SASS 中没有这样的事情，而且似乎不会发生：github.com/sass/sass/issues/1317

标签： visual-studio sass visual-studio-2017

【解决方案1】：

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

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

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

【讨论】：

那行不通。当我打开帮助页面 SASS 文件时，它对变量一无所知。
可能是 Visual Studio，我通过 Gulp 或 Grunt 使用 libsass。
是的，它肯定是 Visual Studio，这就是它被标记的原因。