Sass编译器抛出了未定义的混合＆＃39; mixin保存在单独的文件夹中时出错

Question

以下是我网站结构的截图。

在我的mixins文件中，我创建了所有必要的sass mixins。

我为边框半径创建了这个mixin：

 @mixin border-radius($radius) {
  -webkit-border-radius: $radius;
     -moz-border-radius: $radius;
      -ms-border-radius: $radius;
       -o-border-radius: $radius;
          border-radius: $radius;
}

现在当我尝试在模块文件夹的_button.scss中使用它作为我的按钮类时，我得到未定义的变量错误。而当我在_button.scss文件中使用相同的mixin时，我不会收到任何错误。

在我的_button.scss文件中，我已将mixin包含在

下

button{
    background-color: $theme-color;
    border: 0px solid;
    padding: 0.7rem 3rem;
    @include border-radius(2rem);

}

究竟是什么问题。我希望将所有mixin保存在一个单独的文件中，以保持结构整洁。

Answer 1

你必须将mixin包含在@include或@import

中

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#including_a_mixin