导入文件中的sass导入变量

我尝试创建不同的config文件（用于不同的颜色）并使用我导入的另一个文件basic.scss中的变量，我将创建多个app.scss文件，如app1.scss和app2.scss，它们使用不同颜色的不同配置文件

我的config1.scss

$primary-color : #6a7dcc;
$primary-font-color: #ccc;

我的basic.scss

body {
  background-color: $primary-color;
  color: $primary-font-color;
}

我的app1.scss

@import "config2.scss";
@import "basic.scss";

这给了我一个错误：

错误：未定义变量：“$primary color”。第2行 app/css/basic.sc

如何在其他导入的文件中使用导入的变量？

尝试将其更改为：

@import "_config2";
@import "_basic";

---

文件Config1.scss具有变量$primary color，而您正在将config2.scss（不具有变量$primary color）导入app1.scss中，我认为这就是原因

看起来您具有

Config1

和

config2

。除非这是一个输入错误，否则一旦您将

@import-config2.scss

更改为

@import-config1.scss

，它应该可以工作

---

Tl；dr您没有导入声明变量的文件。做到这一点，它就会起作用。

来自SASS指南：“您可以创建包含CSS片段的部分Sass文件，这些CSS片段可以包含在其他Sass文件中。这是一个模块化CSS的好方法，有助于使事情更易于维护。分部文件只是一个以前导下划线命名的Sass文件。您可以将其命名为_partial.scss。下划线让Sass知道该文件只是一个部分文件，不应将其生成为CSS文件。Sass partials与@import指令一起使用。“@Pyth，这不是我想要的，我想要相同的类但具有不同的值，因此我导入了两个具有不同值的不同文件。要生成具有相同类但不同属性的两个不同文件，WimMertens的答案是有效的。