如何在 angular 7 中使用 SCSS mixins

Question

我在我的 angular 项目中遇到了这个错误。

@include for-desktop-up {.... “没有名为 for-desktop-up 的 mixin”

我在styles.scss 中的代码是

@mixin for-desktop-up {
    @media (min-width: 1024px) { @content; }
}

我在组件样式表中的代码是

@include for-desktop-up {
    //some scss code
}

我做错了什么或发生了什么？

Answer 1

将 component.ts 中的文件导入为

styleUrls: ['./styles.scss']

或者

使用 SASS/SCSS 导入在 component.scss 中导入

@import "styles.scss";