Используя css -loader и css модули, я могу превратить:
<div className='someReallyLongName'>
в следующее:
<div className='_cxY5'>
Это здорово и экономит массу места.
Но у меня везде есть атрибуты aria-атрибутов, и было бы здорово искажать / минимизировать / запутывать их, чтобы уменьшить размер пакета.
Я хочу включить это:
<label for='myLongComponent' id='myLongComponent-label'>Foo</label>
<input
id='myLongComponent'
aria-labelledby='myLongComponent-label'
aria-describedby='myLongComponent-error'
/>
<div id='myLongComponent-error' aria-live='polite'>{errors}</div>
в это:
<label for='idl' id='idi'>Foo</label>
<input
id='idl'
aria-labelledby='idi'
aria-describedby='ide'
/>
<div id='ide' aria-live='polite'>{errors}</div>
Где idl = идентификатор метки, idi = идентификатор ввода и ide = идентификатор ошибки. Все они должны были бы выстроиться в линию соответственно, они не могли бы быть случайными.
Я искал в Интернете поиски плагина, чтобы сделать это, но не могу найти его.
Кто-нибудь есть? знаете что-нибудь, что может помочь, или я должен написать что-то нестандартное для веб-пакета?