Question

好的，所以我知道那里有很多关于此的内容，但我似乎无法找到适合我具体情况的答案。

我使用的是Foundation 5.4.7，SASS 3.4.7和Compass 1.0.1

当我编译SASS时，它给了我一堆重复的条目，应该是一个合理的瘦CSS文件现在是庞大的。

所有建议都表明问题出在基础/ _functions.scss文件的第10行：

$modules: () !default;
@mixin exports($name) {
  $module_index: index($modules, $name);
  @if (($module_index == null) or ($module_index == false)) {
    $modules: append($modules, $name);
    @content;
  }
}

具体而言，人们建议将!global添加到$modules: append($modules, $name);

的末尾

然而，这对我不起作用。建议欢迎

Answer 1

事实证明，答案只是添加!global

$modules: () !default;
@mixin exports($name) {
  $module_index: index($modules, $name);
  @if (($module_index == null) or ($module_index == false)) {
    $modules: append($modules, $name) !global;
    @content;
  }
}

Answer 2

我修改了我的:::

$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) {
    $modules: append($modules, $name);
    @content;
  }
}

基金会生成重复的CSS

2 个答案: