首页 文章

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

提问于
浏览 次
1

在我的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 我正在使用 colors.scss 中的变量并收到错误 Undefined variable: \"$black\".

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

使用scss反应我正在使用这个link

UPD

enter image description here

reactjs react-create-app

1 回答

  • 1

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

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

    文件名应该是

    _colors.scss
_links.scss
_basics.scss

    您可以在Partial部分的SASS docs中阅读更多相关信息 .

    回复于

相关问题