Postcss-simple-vars 无法正常工作

Question

我已经解决这个问题很长一段时间了，似乎无法找到解决方案。 任何帮助将不胜感激。 我创建了 _variables.css 文件，其中包含我所有的 CSS 变量。 我在 body 标签上使用 _global.css 中的变量之一。 但是，未应用样式。 我附上了截图。 谢谢你。 _variables.css 。 _global.css 。 styles.css错误信息

Answer 1

您正在使用 css 预处理器变量，因此您必须将文件扩展名更改为.scss ，还需要将.scss文件编译为.css ，查看本指南

或者您可以使用具有不同语法的 css 变量，就像这样

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

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