设置SCSS颜色变量赢得'；行不通

我想在我的SCS中定义我自己的颜色变量，但是如何定义呢

我检查并做了那里描述的一切。。但它不起作用

我已经安装了预处理器

此外，我还尝试创建一个颜色贴图，并使用map get访问颜色。。也不行

colors.scss文件

$yellow_100: #FFC819;

$colors: (
    color: #FFBB00
);

h1 {
    color: map-get($colors, color);
}

带有colors.scss导入的style.scss文件

h1 {
    color: $yellow_100;
}

我也试过：

colors.scss文件

$yellow_100: #FFC819;

$colors: (
    color: #FFBB00
);

h1 {
    color: map-get($colors, color);
}

style.scss文件

$yellow_100: #FFC819;

$colors: (
    color: #FFBB00
);

h1 {
    color: map-get($colors, color);
}

它们都不起作用

使用

npm-g安装sass安装sass

创建以下两个源文件：

执行

sass./style.scss./output.css

编译代码

将

添加到HTML

---

您可能需要再次检查预处理器，您提供的代码运行良好。您的代码在我看来都很好。请解释“不起作用”是什么意思。编译时是否有错误，CSS是否未更新，等等。您的代码看起来不错，是否可以共享完整的代码。ThanksNor错误消息。。它编译成功。有多个预处理器吗？@dominic这就是它无法工作的原因；您需要将所有的

scss

文件编译成一个大的

css

文件-这就是您在HTML中链接的内容。有很多方法可以编译你的SASS-但是因为你使用的是VS代码，你可以得到一个免费的扩展来为你做。好吧，我只是在玩一点SASS，并试图定义我自己的颜色变量。我的HTML中有一个标记，想更改颜色。编译成功，但颜色不变。知道我需要安装哪个预处理器吗？有多个吗？我这样做了：npm-g安装预处理器，是的。。我确实导入了我的颜色file@dominic编译后的css的输出看起来正确吗？@dominic我会使用

npm-g安装sass

嗯，我觉得很好。当我使用像

h1{color:#FFC819；}