LESS importiert CSS und relative Pfade
Ich bin mit WENIGER zu organisieren und importieren alle meine CSS-Dateien. Ich bin auch mit Twitter Bootstrap, die ich integriert in meinem Stil.weniger. Es funktioniert wie unten, jedoch wenn ich lessc zu minifizieren der weniger-Datei und komprimieren Sie es zu einem all hell breaks loose mit meinem twitter bootstrap css. Der Grund ist, dass meine bootstrap.min.css
hat ein relativer Pfad zu Bildern als "../img"
also, wenn ich all diese Dateien zu minifizieren und dump die Ausgabe-Datei nicht mehr findet diesen Weg.
Wie genau sollte ich dieses Problem beheben, ich will nicht zu hart codierten absoluten urls in meinem css?
style.less
@import './folder_one/file_one';
@import './folder_one/file_two';
@import './folder_two/file_one';
@import './folder_three/file_one';
//this bootstrap css references images relatively ../img/
@import './bootstrap/bootstrap.min.css';
InformationsquelleAutor der Frage user391986 | 2012-10-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
Beim laufen lessc verwenden Sie die --relative urls Flagge.
Es ist schlecht dokumentiert, aber per default ist false, was bedeutet, dass alle @importierten Dateien behalten Ihre urls (z.B. background-image, font-face, etc), wie Sie sind. Dies ist, weil weniger tun dies bereits und viele Nutzer erwarten, es zu verlassen, Ihre urls allein.
Wenn der relative urls flag verwendet wird, lessc schreibt alle urls, die nach der Lage der weniger/css-Datei, die importiert werden.
Beispiel
/dir1/style/main.weniger
/dir1/lib/bootstrap/bootstrap.min.css
Ergebnis:
/dir1/style/main.css
InformationsquelleAutor der Antwort Planky
Check-out der Dokumente für die Nutzung der Befehlszeile.
https://github.com/cloudhead/less.js/wiki/Command-Line-Usage. Es gibt eine option namens
--root-path
dass " voran, vorhandene urls so, dass Sie in der Ausgabe css-Datei.Beispiel:
Hier ist die original-url mit der Datei css/src/nest
Und das ist, was ich tun würde, auf der Kommandozeile. Beachten Sie, dass die
-rp
argument sollte zeigen aus dem Ausgabe-Verzeichnis, um den ursprünglichen Speicherort der DateiUnd die Ausgabe mit der Datei css/
Es ist ein
--relative-urls
option, aber ich kann nicht ankommen es zu wirken. Ich arbeite build-Skript, dass verwendet den workaround, den ich oben beschrieben. Build-o-MaticDies ist, wie ich behandelt die Bestimmung der Pfad [link]
InformationsquelleAutor der Antwort posit labs
--relative-urls
flag hat seine in-browser-Pendant.InformationsquelleAutor der Antwort sanmai