如何使用正则表达式匹配并替换 .js 和 .css 文件扩展名？

如何使用正则表达式匹配并替换 .js 和 .css 文件扩展名

如何使用正则表达式匹配带有 .js 或 .css 扩展名的文件名并将其替换为 .min.js 或 .min.css 是一个常见的需求。

为了解决这个问题，可以使用以下正则表达式：

/(?<!.min).(js|css)$/gm

正则表达式解释：

• (?<!.min)：负后顾断言，确保匹配的文件名之前没有 .min。
• .(js|css)：匹配文件扩展名，其中 | 表示 or 运算符，允许匹配 .js 或 .css。
• $：匹配字符串末尾。
• gm：全局匹配（g）和多行匹配（m），以确保匹配所有符合条件的文件名。

替换字符串：

替换操作可以使用回调函数 ext => '.min' + ext 完成，该函数将匹配的扩展名 (.js 或 .css) 作为参数。回调函数返回新的扩展名 (.min.js 或 .min.css)。

使用上述正则表达式时，我们可以使用以下 JavaScript 代码来实现匹配和替换：

file.replace(/(?<!.min).(js|css)$/gm, ext => '.min' + ext);

例子：

使用给定的正则表达式，可以将以下文件名：

pjax1.js
pjax.css

替换为：

pjax1.min.js
pjax.min.css