Специальный фрагмент Emmet-Atom для модуля CSS

Question

Я использую модули CSS с ReactJs (jsx). Есть ли способ создать собственный фрагмент в Emmet или Atom для использования модулей CSS вместо обычных классов?

Пример, в настоящее время Эммет работает следующим образом: .title расширяется до <div className="title"></div>

Я хочу, чтобы иметь возможность создать фрагмент кода, похожий на: .styles-title расширяется <div className={styles.title}></div>

Answer 1

На самом деле это оказалось довольно сложно , Emmet и Atom поддерживают оба варианта, но политика безопасности в Atom делает not allow loading custom filters from outside the extension.

С некоторым подталкиванием в правильном направлении (см. Вопрос GitHub, связанный выше) я смог написать my own Atom extension that does this.