Javascript 如何覆盖Vue工作流中的引导变量（普通引导）？

官方推荐的定制/主题引导的方法是使用sass覆盖引导变量。但我该如何做到这一点，或者更确切地说，我该如何将流程的这一部分添加到Vue webpack工作流中

谷歌搜索导致我尝试编辑vue.config.js文件，将scss加载程序添加到网页包中，但我找不到所需的文件

我已经使用vue cli v3.4来设置该项目

---

我使用的是香草引导，而不是引导vue组件。

创建一个名为

custom.scss的文件。进入
节点\u modules/bootstrap/scss
目录，复制
\u variables.scss
中的所有内容。将这些粘贴到您的
自定义.scs
中

在您的
style.scss
中，在导入
bootstrap.scss
之前导入您的
custom.scss

现在在您的
main.js
导入
@/assets/style.scss
中

您需要删除
！您希望在
自定义.scss
中覆盖的任何变量的默认
标志，使其生效。
创建一个文件
/css/bootstrap custom.scss
，包括以下内容：

// your variable overrides
// modify theme colors map
$theme-colors: (
    "primary":#42b883,
    //...other variables, you can find them in node_modules/bootstrap/scss/_variables.scss
);

// import to set changes
@import "~bootstrap/scss/bootstrap";

在
main
脚本中，导入添加的文件，而不是当前导入的引导css文件：

//导入“../node_modules/bootstrap/dist/css/bootstrap.css”；
导入“@/css/bootstrap custom.scss”；

参考资料：
我想这会让你开始。看来@Ohgodwhy的答案与此相符。是的，我已经阅读了引导文档的这一部分，但我想将其包括在我的vue项目中，我需要为此配置webpack。这就是我想要的，但问题是我需要配置webpack来设置scss加载程序和编译器。不知道在哪里可以找到放置这些配置设置的文件。@KaustabhKakoty不，你不知道。您说过您正在使用
vue cli
，没有必要用我的方法添加该加载程序<默认情况下，代码>vue cli

为您包含此加载程序。还有很多很多。运行，你会看到这个。是的，这个方法很有效。只是将sass加载程序添加到dev依赖项中，并遵循答案中的方法。工作完美。谢谢。