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

IT技术 reactjs react-create-app
2021-05-04 02:46:40

在我的 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 做出react,我正在使用此链接

UPD
在此处输入图片说明

2个回答

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

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

文件名应该是

_colors.scss
_links.scss
_basics.scss

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

你可以用克拉科。按照这个网址 https://www.npmjs.com/package/@craco/craco