正在导入变量scs

Question

我第一次使用scs

我在src/styles/variables.css 中创建了一个文件

$background-color: #323132;

然后在src/components/MyComponent.module.scss 上

@use "src/styles/variables";
.content {
background-color: variables.$background-color;  
}

我得到

SassError: Invalid CSS after "...olor: variables": expected expression (e.g. 1px, bold), was ".$background-color;"
on line 14 of src/components/MyComponent.module.scss
>>   background-color: variables.$background-color;

我找不到哪里出了问题？谢谢

Answer 1

只需导入变量并直接使用

@import "src/styles/variables";
.content {
background-color: $background-color;  
}