在所有 scss 文件中包含一个 mixin答案

【问题标题】：include a mixin in all scss files在所有 scss 文件中包含一个 mixin
【发布时间】：2020-03-11 17:35:39
【问题描述】：

所以我有一个 React 应用程序，它有一个主“App.scss”文件，基本上只包括其他类似这样的 scss 文件：

@import "./base/mixins.scss";
@import "./components/hamburger.scss";
@import "./components/sidebarmenu.scss";
@import "./components/page-toolbar.scss";
....

第一个是我想在其他一些 scss 文件中使用的 mixin 文件。我知道我可以在我想使用的每个文件中导入它，但是我怎么能只导入一次文件，突然所有的 scss 文件都知道了呢？

目前我收到此错误

@include box-shadow(0, 1px, 2px, rgba(0, 0, 0, 0.2));
        ^
No mixin named box-shadow`

这是我的文件结构：

| App.scss
| components
    | _hamburger.scss
    | _sidebarmenu.scss
    | _page-toolbar.scss
| base
    | _mixins.scss

【问题讨论】：

标签： sass include scss-mixins

【解决方案1】：

在 style.scss 中尝试 @import

您也可以导入 angular.json “样式”。

问候

【讨论】：