无法使用Scss变量

Question

我正在使用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;
}

它可以工作，但是我想在所有文件中使用变量，例如函数，布局和混合文件。

我是sass的新手，经历了无数个stackoverflow问题，但还是没有运气。

Answer 1

尝试使用

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