导入文件中的sass导入变量

Question

我尝试制作不同的配置文件（针对不同颜色）并使用我导入 basic.scss 的另一个文件中的变量，我将制作多个app.scss像app1.scss和app2.scss这样的文件使用不同颜色的配置文件。

我的config1.scss

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

my basic.scss

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

我的app1.scss

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

这给了我错误：

  

错误：未定义的变量：“$ primary-color”。在第2行   应用程序/ CSS / basic.sc

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

Answer 1

尝试将其更改为：

{{1}}

Answer 2

文件Config1.scss有变量$ primary-color，你在app1.scss中导入config2.scss（没有变量$ primary-color），我认为这就是原因

Answer 3

看起来你有config1和config2。除非这是一个拼写错误，否则一旦将@import config2.scss更改为@import config1.scss，它就应该有效。

Tl;博士你没有导入声明变量的文件。这样做，它应该工作。