主要问题是-我有一个由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,它将放在最终文件包中,而不是将其包含在每个文件中并进行编译?