正则匹配PNG链接在压缩HTML中失效，如何修正以替换为WEBP？

你的问题核心是正则里的.*属于贪婪匹配模式——它会尽可能匹配最长的符合条件的内容。在未压缩的HTML中，换行符会截断匹配范围，但压缩后的HTML去掉了换行，.*就会从第一个./assets/images/起始点，一直匹配到最后一个.png的位置，把中间所有无关内容都包含进去。

调整方案有两种，按需选择：

方案1：改用非贪婪匹配 #

将正则中的.*替换为.*?，修改后的正则为：

\.\/assets\/images\/.*?\.png

.*?是非贪婪匹配，会在匹配到第一个.png时立即停止，不会继续向后延伸，完美适配无换行的压缩HTML。

方案2：限定匹配边界（更严谨） #

考虑到HTML中图片链接通常被包裹在单引号或双引号内，可以用字符集排除法限定匹配范围，避免误匹配到引号外的内容：

\.\/assets\/images\/[^"']*\.png

这里[^"']*表示匹配除单引号、双引号之外的任意字符，能精准锁定单个图片链接的范围，彻底杜绝过度匹配的可能。

内容的提问来源于stack exchange，提问作者bob mason