使用css下一个变量globaly

Question

我有http://cssnext.io设置的postcss解析器,我试图找到一种方法来设置一个variables.css文件来包含我所有的主题设置.

到目前为止variable.css看起来有几个vars

:root {
  --color-white: #FFF;
  --color-black: #000;
}

我将其导入到我想要使用这些变量的其他文件中,所以@import './variables.css'或者类似,然后在该文件中使用它,background-color: var(--color-white)例如,但是我得到了以下警告:

变量' - color-white'未定义并且没有后备使用[postcss-custom-properties]

Answer 1

您可以尝试安装 postcss import

$ npm install postcss-import

查看这篇文章以了解如何安装的更多详细信息。

编辑 使用postcss-import解决了问题，但是当前最新版本存在问题，请使用 v 7.x 以获得稳定性