css - 全局使用 css next 变量

Question

我用 http://cssnext.github.io 设置了 postcss 解析器并且我正在尝试找出一种方法来设置 variables.css 文件以包含我所有的主题设置。

到目前为止 variable.css 看起来像这样带有几个变量

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

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

variable '--color-white' is undefined and used without a fallback[postcss-custom-properties]

Answer 1

可以尝试安装postcss import

$ npm install postcss-import

检查这个post有关如何安装的更多详细信息。

编辑使用 postcss-import 解决了这个问题，但是目前最新版本存在问题，请使用 v 7.x 以确保稳定性