Как минимизировать / запутать реагирующие значения атрибутов (например, aria) с помощью веб-пакета? - PullRequest
1 голос
/ 04 февраля 2020

Используя 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 = идентификатор ошибки. Все они должны были бы выстроиться в линию соответственно, они не могли бы быть случайными.

Я искал в Интернете поиски плагина, чтобы сделать это, но не могу найти его.

Кто-нибудь есть? знаете что-нибудь, что может помочь, или я должен написать что-то нестандартное для веб-пакета?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...