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:

1. Speichern von Bildern im „public“-Verzeichnis.
2. CSS aus dem „public“-Verzeichnis mit Assetic erstellen.
3. Mit direktem Tags mit src aus dem Verzeichnis „public/images“.

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!