css - SCSS 变量未全局应用

Question

我有一个变量和部分画廊：_variables.scss，_gallery.scss

当我导入仅包含一行的变量文件时，$primary: #e0291a;它在主style.scss文件中有效，但在_gallery.scss文件中无效。

我的项目只会增长，但我真的需要在每个后续部分文件中导入变量文件吗？

我正在使用 VSCode Live Sass 编译器。这些变量适用于我几年前设置的自定义 webpack/laravel 混合脚本，但不适用于此扩展。

有没有一种方法可以简化变量导入而不在每个 scss 文件中添加该行？

style.scss（主文件）：

@use 'variables';
@use 'gallery';

_variables.scss：

$primary: #ffffff;

_gallery.scss：

#gallery {
    background-color: $primary // <--- Throws error of undefined variable
}