Emmet: Cómo cambiar el comportamiento de jsx className para módulos css

Creado en 29 mar. 2018 · 8Comentarios · Fuente: emmetio/emmet

Estoy tratando de alterar el comportamiento de emmet para que las clases en jsx usen un módulo css en lugar de una cadena:

| abr | actual | deseado |
| --- | --- | --- |
| div.a | <div className="a"></div> | <div className={styles.a}></div> |

Sin embargo, parece que no puedo averiguar cómo lograr esto. en cuanto a lo que tengo entendido, necesito un filtro personalizado para hacer esto. y ni siquiera estoy seguro de si los filtros personalizados son posibles.

¿Alguien puede indicarme la dirección correcta?

Fuente

midgethoen

👍7

Comentario más útil

@midgethoen , ¿arreglas esto en vscode?

Moretai en 12 oct. 2018

👍3

Todos 8 comentarios

así que pasé por alto esta oración en los documentos :

Cada archivo .js ubicado en la carpeta de extensiones se cargará y ejecutará al iniciar el complemento. Use archivos js para crear sus propios filtros o acciones: puede usar módulos y enlaces de Emmet para crear un script en su editor con JavaScript.

Ahora estoy tratando de hacer que esto funcione

midgethoen en 29 mar. 2018

Entonces estoy usando emmet como parte de vscode. Y aunque admite la configuración de un extensionPath.
solo carga snippets.json y syntaxProfiles.json ..

Lo que me tomó un tiempo darme cuenta 😕

así que supongo que voy a intentar comprender cómo funciona la integración de emmet en vscode específicamente

midgethoen en 29 mar. 2018

¿Alguna actualización para esto? Me acabo de mudar de Atom, y en Atom tienes ese complemento: https://github.com/ambethia/emmet-jsx-css-modules