Как сделать, хотя бы частично, человекопонятные имена классов в Emotion?

Question

[aivazovski]

Всем привет !

В проекте столкнулся с CSS-IN-JS реализованный с помощью Emotion. Из за сгенерированных автоматом имён стилей, при работе испытываю большую боль от того, что не могу выделить в браузере название стиля, а потом найти его в коде.

Собственно вопрос, можно как то добавлять "имена" для стилей Emotion, что бы хотя бы часть сгенерированного имени была человекопонятна ?

Если нет, то поделитесь, как вы находите в коде "кусок" который видите в браузере ?

Answer 1

[aivazovski]

Оказывается всё было просто.
Можно дописать в css особое свойство: label. И этот текст допишется в конец сгенерированного имени, и не надо маппинг для бабеля делать.
https://emotion.sh/docs/labels

Answer 2

[Mikhail Osher]

google в помощь

https://github.com/emotion-js/emotion/issues/756
https://github.com/emotion-js/emotion/issues/452

Comments

[aivazovski]

Спасибо. Видимо я искал не по тем ключевым словам.