使用正则表达式将撇号替换为图括号，使内容保持在中间

Question

我试图在VS Studio代码中对应用程序的所有React文件执行正则表达式文本替换。

在文件中，我使用以下标准提名了CSS类：

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

现在我要移至CSS模块，因此需要用图括号和前置变量替换所有div标签上的撇号，以获得：

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

四处寻找，我只能找到有关如何在标签之间替换字符串的想法，但是我需要保留类名。我试图在className =上使用正向查找，并在之后选择前两个撇号，但没有成功。

Answer 1

我的猜测是，我们可能可以从类似于以下内容的表达式开始：

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

替换为：

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

这可能是一种选择。

Demo