Das Problem
Ich habe eine große Website, so dass meine CSS-Ordnerstruktur kann ziemlich tief sein. Jede CSS-Datei kann das Hintergrundbild eines Elements über eine relative URL setzen. Bevor ich auf meine Produktionsserver veröffentlichen kann, muss ich alle CSS-Dateien minimieren. Dieser Minification-Prozess kann einige der relativen URLs unterbrechen, da dies die Ordnerstruktur effektiv reduziert. Wie gehen Sie als Entwickler mit dieser Diskrepanz zwischen Entwicklungs- und Produktionscode um?Wie wird mit der Änderung der relativen Bild-URL verfahren, wenn CSS minimiert wird?
Beispiel
Dies ist meine Ordnerstruktur:
image/
article/
brushStroke.jpg
style/
module/
button.css
page/
article/
introToPainting.css
minified/
style20130522.css
Während der Entwicklung ich diese CSS-Regel introToPainting.css in haben:
#step1 {
background-image: url(../../../image/article/brushStroke.jpg);
}
die auf einem bestimmten sagen lassen einfache Seite, ich brauche nur button.css und introToPa inting.css. Für die Produktionsversion werden diese beiden CSS-Dateien in style20130522.css minimiert. Nun, da sich die minimierte Datei in einer anderen Ordnertiefe als introToPainting.css befindet, ist der Pfad zu brushStroke.jpg jetzt falsch.
yeah ... speichern Sie die CSS-Dateien, die Sie entwickeln, in demselben relativen Ordner wie den, auf den in der Produktion verwiesen wird. oder verwenden Sie absolute Referenzierung. Sie können keine relative Referenz haben, die relative Positionierung ändern und erwarten, dass sie auf magische Weise funktioniert. – PlantTheIdea
Yeah, das scheint die logische Wahl zu sein, wenn Sie nicht alle Dateipfade vor dem Start ändern, selbst wenn Sie Ordner/Ordner/CSS haben und Sie in Ordner/Ordner/Min/Minimiert haben, die relativen Pfade wären gleich – jamil
Ich kann ' t verwende einen absoluten Pfad. Ich arbeite in einem Team. Jede Entwicklerumgebung hat möglicherweise eine andere Basis-URL. – Pwner