Bootstrap V5 SassError：未定义的混合：同时从 @import 向上移动到 @use 模块系统

【问题标题】：Bootstrap V5 SassError: Undefined mixin : while move up from @import to @use module systemBootstrap V5 SassError：未定义的混合：同时从 @import 向上移动到 @use 模块系统
【发布时间】：2021-06-06 14:18:23
【问题描述】：

我正在从 @import 升级到新的 SASS 模块系统 到 @use，但是我在这样做时遇到了一些问题bootstrap v5：

来自：

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

到：

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

【问题讨论】：

标签： css sass scss-mixins bootstrap-5

【解决方案1】：

新的 sass 规则 @use 与旧规则 @import 完全不同。使用@use，您必须将变量导入到您需要它们的每个文件中。所以用新规则替换新规则是行不通的。如果你想与@use 合作，你需要一个全新的项目结构。

有关更多信息，请查看以下问题：
When importing a file with @use then: Error Undefined Mixin

由于 Bootstrap 是一个封闭的模块，它在内部与 @import 一起工作，因此有一种特殊的方法可以一次获取整个框架。这是一个例子，但我现在没有测试这个特殊的解决方案：
How to import and customize bootstrap with @use in SASS/SCSS

【讨论】：