Heim > Artikel > Web-Frontend > Wie referenziere ich Bilder in CSS-Dateien in Symfony 2 richtig?
Pfad der Assets in CSS-Dateien in Symfony 2
Diese Diskussion konzentriert sich darauf, eine Lösung für die Referenzierung von Bildern in CSS-Dateien zu finden und dabei das Gewünschte beizubehalten Verzeichnisstruktur in Symfony 2. Ziel ist es, das Problem der Pfade in CSS-Dateien zu beheben und sicherzustellen, dass Bilder zugänglich sind, ohne dass die Originalquelldateien der Öffentlichkeit zugänglich gemacht werden.
Vorherige Lösungen
Erste Versuche beinhalteten die Festcodierung absoluter Pfade in der CSS-Datei, wodurch die Anwendung mit Unterverzeichnissen inkompatibel wurde. Assetic mit filter="cssrewrite" wurde ebenfalls verwendet, führte jedoch zu einer falschen Pfadgenerierung.
Aktuelle (bevorzugte) Lösung
Die bevorzugte Lösung beinhaltet das Speichern von CSS-Dateien in das Verzeichnis „Resources/assets/css“ und Bilder im Verzeichnis „Resources/public/images“. Durch relative Referenzierung in der CSS-Datei, z. B. „url(“../images/myimage.png“), wird beim Kompilieren der richtige Pfad generiert. Dieser Ansatz funktioniert sowohl in Entwicklungs- als auch in Produktionsumgebungen einwandfrei.
Diskussion und Analyse
Der Autor führte umfangreiche Tests mit verschiedenen Kombinationen aus @Notation, relativer Notation, CSS-Rewrite, Bildhintergrund im Vergleich zu src und Parsen mit und ohne Assetic. Die Ergebnisse zeigten, dass nur bestimmte Optionen das gewünschte Verhalten erbrachten.
Lösungserklärung
Der erfolgreiche Ansatz erforderte:
Abschließende Gedanken und Überlegungen
Für zusätzliche Sicherheit wird empfohlen, Original-CSS-Dateien in zu speichern das Verzeichnis „assets“ und lassen Sie sie von Ihrem Bereitstellungsprozess vor der Kompilierung in das Verzeichnis „public“ kopieren. Alternativ ist es weiterhin möglich, Originale im „public“-Verzeichnis für die Verwendung mit --symlink während der Entwicklung zu speichern, vorausgesetzt, Sie erstellen ein Skript zum Entfernen dieser Dateien nach der Kompilierung.
Das obige ist der detaillierte Inhalt vonWie referenziere ich Bilder in CSS-Dateien in Symfony 2 richtig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!