无法使用 Scss 变量

Question

我正在为 sass 使用 cli。

这是我的 _variable.scss 文件

$black : rgb(50,50,50);
$white : ghostwhite;
$link : red;

$theme_color_1 : lightskyblue;
$theme_color_2 : dodgerblue;

这是我的主要 scss 文件

@use "./resources/1-variables/variables";
@use "./resources/2-functions/functions";
@use "./resources/2-functions/mixins";
@use "./resources/3-layouts/layouts";
@use "./resources/4-tools/tools";
@use "./resources/5-components/header";

现在，如果我在 _variable.scss 中添加一些样式，例如

body{
    background:red;
}

它可以工作但是当我在其中使用变量时它不会并引发此错误

但是如果我使用

@use "./resources/1-variables/variables" as var;

在我的主文件中

body{
    background:var.$white;
}

它可以工作，但是我想在函数、布局和 mixins 等所有文件中使用我的变量。

我是 sass 新手，经历了许多 stackoverflow 问题，但仍然没有运气。

Answer 1

尝试使用

@import "./resources/1-variables/variables"