Замените апострофы круглыми скобками, сохраняя содержимое между ними, используя Regex

Question

Я пытаюсь выполнить замену текста Regex во всех файлах React приложения в VS Studio Code.

Внутри моих файлов я назначил CSS-классы, используя стандарт:

<div className='random_class_name'></div>

Теперь я перехожу к модулям CSS, поэтому мне нужно заменить апострофы на всех тегах div на круглые скобки плюс переменную prepend, чтобы получить:

<div className={styles.random_class_name}></div>

При поиске я могу просто найти идеио том, как заменить строки между тегами, но мне нужно сохранить имя класса.Я попытался использовать положительный взгляд на className = и выбрать первые два апострофа после, но это не сработало.

Answer 1

Я предполагаю, что мы можем начать с выражения, похожего на:

<(.+?)className='\s*(.+?)\s*'>

с заменой:

<$1className={styles.$2}>

, что может быть одним из вариантов.

Демо