Emmet-Atom benutzerdefinierte Snippet für CSS-Modul

Question

Ich benutze CSS-Module mit ReactJs (Jsx). Gibt es eine Möglichkeit, ein benutzerdefiniertes Snippet in Emmet oder Atom zu erstellen, um CSS-Module anstelle von regulären Klassen zu verwenden?

Beispiel, derzeit arbeitet Emmet wie folgt: .title zu erweitert <div className="title"></div>

Ich möchte ein Snippet erstellen können, ähnlich wie: .styles-title zu erweitert <div className={styles.title}></div>

Answer 1

Diese tatsächlich stellte sich heraus, ziemlich schwierig zu sein . Emmet und die Atom-Erweiterung ermöglichen zwar die Anpassung, aber eine Sicherheitsrichtlinie in Atom tut not allow loading custom filters from outside the extension.

Mit etwas Anstupsen in die richtige Richtung (siehe GitHub-Problem oben verlinkt) konnte ich schreiben.