Question

在我的src文件夹中，我有我的全局scss文件所在的asset / 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

Answer 1

在将零件导入index.scss时使用局部零件

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

文件名应为

_colors.scss
_links.scss
_basics.scss

您可以在SASS docs的“部分”部分下了解更多相关信息。

Answer 2