javascript - 改进 Regex 以匹配 css 文件中的字体文件

Question

我正在尝试匹配 CSS 文件中包含的字体文件。 字体文件可以有以下扩展名: 和以下格式:

- url("../../../../fonts/font_awesome/fontawesome-webfont.ttf?v=4.6.3")
- url("../../../../fonts/font_awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular")

在这种情况下，匹配应该是:

../../../../fonts/font_awesome/fontawesome-webfont.ttf?v=4.6.3
../../../../fonts/font_awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular

我已经制作了一个成功匹配它们的正则表达式，但是在使用在线服务时，正则表达式返回给我一个警告，说它有一个灾难性的回溯，所以我想问这个正则表达式如何才能更好:

url\s*\(\s*\S(.+?\.(woff|eot|woff2|ttf|svg)\s*)\??\S+?\s?\)

带有回溯警告的正则表达式:https://regex101.com/r/KWsh1X/1

Answer 1

这将完成工作:

url\("([^\)]+?\.(woff|eot|woff2|ttf|svg)[^"]*)"

在这里你可以玩:https://regex101.com/r/KWsh1X/2