Vue.js 在Vue CLI 3项目中使用自定义引导SASS的步骤有哪些？

我正在尝试更改我的项目中的“主要”、“危险”、“信息”等主题颜色。我使用引导vue。我已尝试更改node_modules中bootstrap文件夹中的variables.sass文件，但未反映任何内容。我看了一眼主题，但我似乎不明白它的意思，也不知道我应该做什么。他们的示例与CLI 4的脚手架项目完全不同。我应该创建自定义sass文件、安装sass加载程序并导入它吗

main.js

从“Vue”导入Vue；
从“/App.vue”导入应用程序；
从“vue路由器”导入VueRouter；
从“引导vue”导入引导vue；
导入'bootstrap/dist/css/bootstrap.css'；
导入“bootstrap vue/dist/bootstrap vue.css”；
导入“/assets/main.css”；
从“./routes”导入路由；
Vue.config.productionTip=false；
Vue.use（VueRouter）；
Vue.use（BootstrapVue）；
const router=new VueRouter（{mode:'history'，routes}）；
新Vue({
路由器，
渲染：h=>h（应用程序）
}).$mount（“#应用程序”）

App.vue

导出默认值{
}
@导入“assets/main.css”；
@导入“资产/定制”scss.scss；

如果已使用vue cli 3/4创建项目，则可以执行以下操作。 创建一个

custom.scss

文件，在其中导入引导和引导vue样式，并在导入之前自定义变量

然后在

main.js

文件中导入

custom.scss

，以及引导vue

custom.scss

$主题颜色：(
“初级”：黑色，
“危险”：蓝色
);
@导入'node_模块/bootstrap/scss/bootstrap'；
@导入'node_modules/bootstrap vue/src/index.scss'；

main.js

从“Vue”导入Vue；
从“引导vue”导入引导vue；
导入“./assets/scss/custom.scss”；
Vue.use（BootstrapVue）；
新Vue({
渲染：h=>h（应用程序）
}).$mount（“#app”）；

另一个注意事项是，您永远不应该自定义

node_模块中的任何代码，因为这些文件应该能够被删除并重新下载，而不会破坏任何东西。
是否应该在main.js中导入“custom.scss”而不是“config.scss”，或者我在这里遗漏了什么？