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

Question

在我的 src 文件夹中，我的全局 scss 文件所在的 assets/styles 文件夹。

在我的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

score 11 · Accepted Answer

将部件导入 index.scss 时使用 partials

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

文件名应该是

_colors.scss
_links.scss
_basics.scss

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

score 1 · Accepted Answer

1

于 2020-10-06T16:04:07.640 回答

2 回答 2