css - 用于匹配 css url 的正则表达式

Question

我有正则表达式

/url\\(\\s*(?!data:)([^\\)\\s]+)\\s*\\)?/

它在 css 中搜索这样的行

background-image: url(/path.to/img.png);

并忽略行

background-image: url(data:image/svg+xml;base64, PHN2ZyB4bWxucz) no-repeat;

它用于查找图像路径并替换它们。

但是如果数据 url 有引号

background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz") no-repeat;

正则表达式匹配它。我需要匹配通常的图像 url 并忽略带有单引号、双引号或不带引号的数据 url。

Answer 1

url\\(\\s*(?!["']?data:)([^)]+)\\)

在这个正则表达式中，它会忽略下面的任何内容(在 (

之后接受可选空格

url("data...
url(data:...

这意味着它只会匹配您在问题中给出的第一个示例。