Vue.js 引导主题化不替换

嘿，我有个问题，我不知道发生了什么。我正在尝试使用SCS从引导更改颜色，但是每当我在Vue项目中运行npm run serve时，它都不起作用

这些在我的档案里

自定义_bootstrap.scss

_config.scss

main.scss

main.js

---

如您所见，我正在尝试将$primary的颜色更改为来自_config.scss的值。但是，当我运行npm run serve时，颜色仍然是默认的蓝色。有人能提供帮助吗？

您必须在覆盖引导后导入引导及其默认变量

更多关于它的信息

自定义_bootstrap.scss

---

尝试一下，看看它是否有效

一个简短的提示：node_模块/bootstrap/scss/bootstrap也导入函数、混合和变量，因此它们不需要显式导入。谢谢你的工作，但是我很困惑，我在遵循它之前提到的导入变量。。。

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

$primary: $primary-color-red;

@import "node_modules/bootstrap/scss/bootstrap";

//Color Palette
$primary-color-red: #C00800; 
$primary-text: #666666;
$main-text: #8F8F8F;

//Font Size
$main-fontsize: 15px;

@import 'custom_bootstrap';

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

...
import 'bootstrap';
import './assets/styles/main.scss';
...

@import "_config.scss";

$primary: $primary-color-red;

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