我正在使用 Gatsby 构建一个静态站点项目。我已经成功安装了 gatsby sass 插件并让 sass 工作，但是，我无法让我的自定义 sass 变量文件正确导入到其他组件 sass 文件中。

下面是我的文件夹结构：

`--src
  -components
   -header
    -header.js
    -header.sass
 --layouts
  -index.js
  -index.sass
 --pages
  -page1.js
  -page1.sass
 --sass
  -_color.sass
  -_global.sass
  -_mixins.sass
  `

如上所示，我使用自定义的 'sass' 文件夹来存储所有全局变量和样式，然后将它们导入到需要它们的每个组件 sass 中（我知道这可能不是常规方法，但我还是新手react 和 gatsby，还不太熟悉组件 css 等其他方法）。例如，如果我需要访问“page1.sass”中的颜色变量，我会将颜色 sass 文件导入 page1.sass，并在那里定义特定的组件样式。问题是这样做时，我得到了“未定义的变量”错误。我检查了我的导入路径，一切似乎都是正确的，我无法弄清楚出了什么问题。最奇怪的是，导入 mixins 似乎工作正常。这个问题在导入 sass 变量时似乎是独一无二的。