如何获取未定义 CSS 变量的警告

Question

第一次尝试使用CSS变量。在 React (

create-react-app

) 应用程序中执行此操作，效果很好。唯一的问题是，如果我输错了变量名或者只是忘记定义它，则不会出现警告。

有没有办法，例如，配置 stylelint 或 scss 以在我使用尚未设置的 CSS 变量时发出警告？或者 FireFox 中的设置/扩展？有什么？

Answer 1

似乎在stylelint中添加了合适的规则（它可能位于实验标志后面，我还没有尝试激活该规则）。

新规则旨在取代 stylelint 插件。

感兴趣的读者可以找到 2016 年该功能的 discussion（以及 2017 年的 dupe）。