Sass 如何拥有全球SCS

我正在做一个Jhipster项目，虽然我已经搜索了关于这个主题的信息，但我仍然很困惑

因此，我的困惑始于不理解为什么我们需要两个导入相同的SCSS文件：

global.scss

 @import 'bootstrap-variables';

vendor.scss

 @import 'bootstrap-variables';

我知道global.scss是为整个应用程序提供全局样式的一种方式，而vendor是导入第三方样式（SASS/CSS）的一种方式

但如果我在全局SCSS中声明$my自定义变量，我将无法在某个custom.component.SCSS中访问它，但如果我声明一个class.my class，我将访问它

所以我的结论是，要么我基于一些_custom-variables.scss在global.scss上创建类，要么我在component.scss上导入我的_custom-variables.scss

第二种方法似乎是一种破解，第一种方法增加了一些工作量

有没有更好的办法来应付这种情况