使用带有 SASS 的 CSS 模块时如何配置 WebStorm 以识别 kebab-case 类名答案

【问题标题】：How to configure WebStorm to recognise kebab-case class names when using CSS Modules with SASS使用带有 SASS 的 CSS 模块时如何配置 WebStorm 以识别 kebab-case 类名
【发布时间】：2018-11-01 12:04:58
【问题描述】：

我最近开始了一个项目，他们在 JSX 中使用 camelCase 类名，但在 SCSS 中使用 kebab-case。

当 Webpack 构建解决方案时，kebab-case 类名由 css-loader 转换为 camelCase。 WebStorm 在 JSX 中显示所有类名的代码警告，因为它无法识别这一点。

有没有办法配置它以实现它们以 kebab-case 形式存在并删除警告？我不想只是关闭规则，因为发现 SCSS 中实际缺失的类非常有用。

【问题讨论】：

标签： reactjs sass webstorm css-modules

【解决方案1】：

无法在 Webstorm 中进行配置；请投票给WEB-28203 以获知此功能的任何进展

【讨论】：