我正在研究一个Jhipster项目，尽管我一直在搜索有关该主题的信息，但我仍然很困惑。
所以我的困惑始于不理解为什么我们需要对同一SCSS文件进行两次导入：
global.scss
@import 'bootstrap-variables';
vendor.scss
@import 'bootstrap-variables';
我了解到global.scss是为整个应用程序提供全局样式的一种方式，而供应商是导入第三方样式（SASS / CSS）的一种方式
但是，如果我在全局SCSS中声明$ my-custom-variable，我将无法在某些custom.component.scss中访问它，但是如果我声明了.my-class类，我将可以访问它。
所以我的结论是，要么我基于_custom-variables.scss在global.scss上创建类，要么我将_custom-variables.scss导入到component.scss上。
缝合方式似乎很简单，第一种增加了一些劳动。
有没有更好的办法来解决这种情况？