javascript - Postcss-simple-vars 无法正常工作

Question

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

标签： javascriptcsspostcss

Answer 1

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

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

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

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