css - Sass 循环 @import，a.scss 需要 b.scss 上的类，b.scss 需要 a.scss 上的类

Question

我试图按部分组织我的 .css 文件，我需要从任何文件访问文件组中的任何类。在 Less 中，我可以毫无问题地创建一个包含所有文件导入的主文件，并且每个文件都导入主文件，但在 Sass 中，我收到一个循环错误@import。

    // main.scss

    @import "_a.scss", "_b.scss";

    // _a.scss

    @import "main.scss";
    $colorA: #ff0000;
    .classA
    {
        color: $colorB;
    }


    // _b.scss

    @import "main.scss";
    $colorB: #b6ff00;
    .classB
    {
        color: $colorA;
    }
// ERROR

此代码在 Less 中有效，但在 Sass 中无效。

如何从 _b.scss 访问 _a.scss 并从 _a.scss 访问 _b.scss？

Answer 1

尝试重命名前面没有_ 下划线 的scss 文件。因为 _ 下划线前面的 scss 文件引用到 partials 并且 a.scss 和 _a.scss(partial) 的搜索路径不同