如何将 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

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

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

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

How to import Bootstrap variables into SASS module?