Variables 在自定义变量文件中使用引导变量

我正在做一个自定义引导主题。这是我在

style.scss中的设置：

// Custom variables
@import 'custom-variables';

// Required
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";

// Optional
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/nav";
@import "../node_modules/bootstrap/scss/navbar";
@import "../node_modules/bootstrap/scss/utilities";
@import "../node_modules/bootstrap/scss/transitions";
@import "../node_modules/bootstrap/scss/grid";
@import "../node_modules/bootstrap/scss/images";

// Module imports
@import 'modules/contact-blok';

在我的
自定义变量.scss
文件中，我要使用：

$headings-color:              $gray-700;

但在编译过程中，我遇到了一个错误：

错误：未定义变量：“$gray-700”

如何才能在自定义变量文件中使用引导变量？
您需要将带有变量的文件导入到
自定义变量.scss
。换句话说，在根文件中导入此变量并不意味着
custom variables.scss
知道它

另一种方法是使用。
SASS编译器不知道什么是
$gray-700是。。。它是在
bootstrap/variables
中定义的，因此您必须在
@import'custom variables'之前导入
//必需的
导入导入<代码>@import.。/node_模块/bootstrap/scss/variables”
在我的
自定义变量.scss
上，但是我得到了另一个错误
错误：$color:“主题颜色（“主”）不是node_modules/bootstrap/scss/_variables.scss的第171行上的
变暗的颜色。它似乎找不到与
\u variables.scss`？相关的$variables？我如何解决这个问题？之所以会这样，是因为您还需要导入函数