使用CSS模块@import @value创建React应用

Question

我正在使用带有here之类的css模块的Create react app

在main.css文件中，我定义了这样的变量

@value BestColor: #c6a972;

在我的component.module.css文件中，我使用了这些变量

@value variables: "../../../index.css";
@value BestColor variables;

.aVeryNiceComponent {
    color: BestColor;
}

我在Webstorm上使用带有TsLint的Typescript。 有什么方法可以检查并检查BestColor值是否存在并且正在引用on index.css文件？

现在可以像这里一样添加新颜色，但是该变量在index.css上不存在，并且会静默失败。

@value variables: "../../../index.css";
@value BestColor, WhiteBG variables;

.aVeryNiceComponent {
    color: BestColor;
    background-color: WhiteBG;
}