Sass 当 mixins 保存在单独的文件夹中时，编译器会抛出 'undefined 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 中的按钮 class 时，出现未定义变量错误。而当我在 _button.scss 文件本身中使用相同的 mixin 时，我没有收到任何错误。

在我的 _button.scss 文件中，我包含了下面的 mixin

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

}

到底是什么问题。我想将我所有的 mixins 保存在一个单独的文件中以保持结构整洁。

Answer 1

你必须使用@include 或@import 来包含mixin

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

Sass 当 mixins 保存在单独的文件夹中时，编译器会抛出 'undefined mixin' 错误

Sass compiler throws 'undefined mixin' error when mixins are kept in seperate folder

sass

mixins