Webpack - 在外部文件中导入mixins /变量/函数-Java 学习之路

我已经知道您可以导入同一文件夹中的文件，例如，如果我有以下内容：

@import "mixins"

.hero { 
    @include hero
}

这将按预期工作，但我想要做的是以下内容：

index.ts：

import "../global.scss"
import "../hero.scss"

global.scss看起来像这样：

@import "mixins";
@import "functions";

所以我使用全局来导入我所有的全局样式，我希望在其中包含我的Mixins，变量和函数，以便我的scss的其余部分可以使用它 .

然而，问题是heros scss文件无法识别全局文件并且表示mixin hero不存在 .

其他人如何解决这个问题？我真的不想将mixins导入到需要它们的每个文件中 .

让我知道你的想法

1 回答