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

尝试重命名前面没有使用_ underscore的scss文件。因为带有_ underscore的scss文件表示为部分，而a.scss和_a.scss(部分)的搜索路径不同

Answer 2

@import a;

@import b;

@import main;

你使用a和b作为分词，这很好。不需要"“或逗号。将它们放在不同的行中。您要将这些导入到的文件的名称是什么？如果是main，就不要导入它。如果main是单独的scss文件，则将其设为局部文件并导入

我建议你在youtube上查找一些关于使用SMACSS的教程。它非常适合将SASS文件组织成多个部分。