Emmet: Como alterar o comportamento do jsx className para módulos css

Criado em 29 mar. 2018 · 8Comentários · Fonte: emmetio/emmet

Estou tentando alterar o comportamento do emmet para classes em jsx para usar um módulo css em vez de uma string:

| abr | atual | desejado |
| --- | --- | --- |
| div.a | <div className="a"></div> | <div className={styles.a}></div> |

No entanto, não consigo descobrir como fazer isso. quanto ao que entendi, preciso de um filtro personalizado para fazer isso. e nem tenho certeza se os filtros personalizados são possíveis.

Alguém é capaz de me apontar a direção certa?

Fonte

midgethoen

👍7

Comentários muito úteis

@midgethoen você conserta isso no vscode?

Moretai em 12 out. 2018

👍3

Todos 8 comentários

então, esqueci esta frase nos documentos :

Cada arquivo .js localizado na pasta de extensões será carregado e executado na inicialização do plugin. Use arquivos js para criar seus próprios filtros ou ações: você pode usar módulos Emmet e ligações para criar scripts de seu editor com JavaScript.

Agora estou tentando fazer isso funcionar

midgethoen em 29 mar. 2018

Estou usando o emmet como parte do vscode. E embora suporte a configuração de um extensionPath.
carrega apenas snippets.json e syntaxProfiles.json ..

O que demorei um pouco para descobrir 😕

então acho que estou tentando entender como a integração do emmet funciona especificamente no vscode

midgethoen em 29 mar. 2018

Alguma atualização para isso? Acabei de mudar do Atom, e no Atom você tem esse plugin: https://github.com/ambethia/emmet-jsx-css-modules