Postcss-simple-vars无法正常工作

Question

我已经解决这个问题已有一段时间了，似乎找不到解决办法。任何帮助将不胜感激。我创建了_variables.css文件，该文件包含我所有的CSS变量。我在body标签上使用_global.css中的变量之一。但是，没有应用样式。我已经附上了截图。谢谢。 _variables.css。 _global.css。 styles.css error message

Answer 1

您正在使用css预处理程序变量，因此必须将文件扩展名更改为.scss，还需要将.scss文件编译为.css，check this guide

或者您也可以使用具有不同语法的css变量

:root {
  --main-bg-color: coral;
}

#div1 {
  background-color: var(--main-bg-color);
}