我正在使用 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 中（我知道这可能不是常规方法，但我还是新手反应和盖茨比，并且不太熟悉其他方法，例如组件CSS）。例如，如果我需要访问“page1.sass”中的颜色变量，我会将颜色 sass 文件导入到 page1.sass 中，并在那里定义特定的组件样式。问题是，这样做时，我收到“未定义的变量”错误。我检查了我的导入路径，一切似乎都是正确的，我无法弄清楚出了什么问题。最奇怪的是，导入 mixin 似乎工作正常。这个问题似乎是导入 sass 变量所特有的。我在这里错过了什么吗？
您应该使用 .scss 而不是 .sass
sass 有一些问题，因此使用 .scss 可以解决您的问题
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
