在多個SCSS文件中包含基礎變量

Question

我想在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文件合併成一個一次又一次的相同的代碼...

有沒有任何方法可以包括這個文件沒有它包括任何文本？

Answer 1

我才發現，原來使用

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

將包括所有變量和混入，但不會給您的SCSS文件添加任何東西！

我相信這是因爲出口功能是爲了防止每次包含全局文件時css被複制。通過假導出函數調用它認爲它已經添加了CSS。