在多个 SCSS 文件中包含基础变量答案

【问题标题】：Include Foundation Variables in Multiple SCSS Files在多个 SCSS 文件中包含基础变量
【发布时间】：2013-12-12 14:41:53
【问题描述】：

我正在尝试在 Rails 4 应用程序中使用 Foundation 5。我遇到的问题是，除了 Foundation 之外，我还想拥有一些自定义 CSS。在我的 CSS 中，我想使用 Foundation 中的一些变量。为了使用它们，我确实在我的 scss 文件的顶部添加了以下内容

$include-html-classes: false;
@import "foundation/components/global";

这很好用，除了每个页面上仍然包含一些垃圾。根据https://github.com/zurb/foundation/issues/1629，这不应该发生。

如果您查看这里的源代码https://github.com/zurb/foundation/blob/master/scss/foundation/components/_global.scss，那么您可以看到从第 284 行开始的元内容将被包含在内。

这是一个问题，因为它将包含在我想要使用变量/混合的每个页面上。 Rails 4 将所有的 css 文件合并为一个，它会一遍又一遍地使用相同的代码...

有没有什么方法可以在不包含任何文本的情况下包含此文件？

【问题讨论】：

【解决方案1】：

我刚刚发现使用

@import "foundation/functions";
@include exports("global") {}
@import "foundation/components/global";

将包含所有变量和 mixins，但不会向您的 scss 文件添加任何内容！

我相信这是因为导出功能可以防止每次包含全局文件时复制 css。通过调用伪造的导出函数，它认为它已经添加了 css。

【讨论】：