如何在reactjs中使用sass文件的变量

我使用它来处理与 reactjs && 样式表 (sass) 相关的项目。

我在使用 sass 时遇到了一些问题。

我在 app.js 中导入了 sass（它包含所有变量、类和 HTML 纯选择器）作为 globals.scss 文件，但是当我将另一个文件作为 home.sass 处理 sass 时，我不能使用它写的变量在 globals.scss 中。

然后我在 home.scss 中导入 globals.scss 文件，它工作在不同的墙

但我确实处理了另一个文件，如 home.scss 、 header.scss 、 about.scss ……我在工作时在所有文件中导入 global.scss 文件，所以没有问题，但在浏览器 CSS 类中重复。

我所做的。

如果我想要的方式我只导入 global.scss app.js 或任何一个地方，它的类，变量，选择器工作所有 sass 文件