Ersetze URL() relativen Pfad mit voller Domäne in CSS-Dateien

Question

Ich möchte ein Skript bei der Veröffentlichung, die alle url() Deklarationen in einer CSS-Datei mit dem vollständigen Domain-Pfad ersetzt, weil Bilder in einem statischen Web gehostet werden Server.

Beispiel

Current: background-image: url(/images/menu.gif); 
Desired: background-image: url(http://example.com/images/menu.gif); 
Current: background-image: url('/images/menu.gif'); 
Desired: background-image: url('http://example.com/images/menu.gif'); 
Current: background-image: url("/images/menu.gif"); 
Desired: background-image: url("http://example.com/images/menu.gif"); 

Ich habe einen Bash-Skript mit sed zusammengebraut genau das zu tun, aber es behandelt nicht url mit Zitaten url (‚‘) oder URLs, die bereits einen vollständigen Pfad haben.

STATIC_HOST="http://example.com" 
sed -i '' "s|url(\([^)]*\)|url($STATIC_HOST\1|g" main.css 

Answer 1

Versuchen mit diesem

sed "s|\(url(['\"]\?\)\(/[^)]*\)|\1$STATIC_HOST\2|g" main.css 

die Option -i nur legen, wenn Sie sicher sind, das Ergebnis ist das, was Sie gesucht waren.

Answer 2

|url\(['\"]?([^'\":)]+)['\"]?\)|url($STATIC_HOST\1)|g 

wo der Darm verhindern wird, „http: // ...“ wie Urls