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

时间:2019-06-12 13:52:40

标签: css reactjs create-react-app css-modules

我正在使用带有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;
}

0 个答案:

没有答案