导入变量 scss

Question

我是第一次使用scss

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

$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;  
}