我需要所有的scss文件来了解atom.scss,但不要在每个文件中都包含它

时间:2018-12-18 09:45:38

标签: webpack sass sass-loader

主要问题是-我有一个由webpack编译的项目。在这个项目中,我有很多模块,都是以实体形式编译的。几乎所有模块都有其自己的scss文件。 我有一个核心文件atoms.scss,其中包含:

.flex { display: flex; }
.absolute { display: absolute; }
... yada-yada-yada ...

我的模块通过webpack require的scss文件。 在我的模块中,有时我需要使用来自原子的规则:

.finance-card {
    @extend .absolute;
    ... other own rules ...
}

我不能对sass-loader处理的每个文件都使用全局@import,因为它将把我的原子添加到每个scss文件中。

因此,是否有一种方法可以使所有scss文件以某种方式了解atoms.scss,它将放在最终文件包中,而不是将其包含在每个文件中并进行编译?

0 个答案:

没有答案