如何将Bootstrap变量导入SASS模块？

Question

有没有办法在 SASS 模块中使用 Bootstrap SASS 变量？

例如，我的react/NextJS 项目中有文件index.module.scss。如何在 bootstrap 中使用 sass 模块变量？像这样的事情：

.hero{
    color: $blue-200;
}

如果我只是在文件开头添加此导入：

@import '~bootstrap/scss/bootstrap.scss';

我收到此错误（来自 NextJS）：

让我注意到，当我在非模块 sass 文件中使用此导入（假设在文件 index.scss 中）时，它会起作用。但我需要（想要）使用 SASS 模块......

知道如何解决吗？
谢谢！

Answer 1

哦，我找到解决办法了。我可以添加这三个导入（而不是一个引导导入）：

@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";

这三个导入一起工作并且不会导致错误......