IntelliJ的emmet + react-css-modules

Question

我正在迁移到react-css-modules，它要求类布局是：

<div styleName="local-class-here">

而不是传统的

<div className="global-class-here">

如何在IntelliJ中自定义emmet，以便在展开时

.my-class

它将返回以下内容？：

<div styleName="my-class">

Answer 1

没有办法做到这一点；如果您错过了此功能，请关注WEB-28691进行更新

Answer 2

尝试使用patch-styles。在这种情况下，您仍将使用传统的className，并将在那里获得相同的东西。您的代码将如下所示：

<PatchStyles classNames={styles}>
  ...
  <div styleName="my-class">
    ...
  <div>
</PatchStyles>

它会自动更新你的className，而不是你。