react-create-app 中的全局 scss 变量

Question

在我的 src 文件夹中，我有我的全局 scss 文件所在的资产/样式文件夹。

在我中，index.scss我像这样导入它们

@import 'assets/styles/colors.scss';
@import 'assets/styles/links.scss';
@import 'assets/styles/basics.scss';

然后在 index.js 中，我导入编译 index.css

问题：在basics.scss我使用变量 from 时colors.scss出现错误Undefined variable: \"$black\".

如果组件 scss 文件使用该文件中的变量，也会发生同样的情况。我真的不想在每个组件中都导入颜色。有没有办法让这 3 个文件全局化？

要使用 scss 做出反应，我正在使用此链接

UPD

Answer 1

将部分导入 index.scss 时使用部分

@import 'assets/styles/colors';
@import 'assets/styles/links';
@import 'assets/styles/basics';

文件名应该是

_colors.scss
_links.scss
_basics.scss

您可以在部分部分下的SASS 文档中阅读有关此内容的更多信息。