Frage

Ich verwende Assetic und Twig in einer Webanwendung. Ich benutze das Symfony2 -Framework nicht.

Die Projektstruktur sieht so aus

  • App

    • Stile
    • Bilder
  • www

    • CSS
    • Bilder

Ich habe dieses Markup mit dem Assetic Stylesheets -Tag in einem meiner Vorlagen:

{% stylesheets 'style/a.css' filter='cssrewrite' output='css/*'%}
   <link href="{{ asset_url }}" rel='stylesheet' type='text/css'>
{% endstylesheets  %}

Derzeit wird die App in gehostet http: // localhost/myapp/ und man würde über darüber zugreifen http: // localhost/myapp/www

Ich habe einen Dump -Streifen geschrieben, der meine Vermögenswerte zusammenstellt und sie in die Verzeichnisse unterwirft www.

In meinem CSS beziehe ich mich auf meine Bilder mit absoluten Pfaden (was funktioniert):

#myelement{
  background: url('/app/www/images/b.png') no-repeat;
}

Wenn ich einen relativen Pfad verwende (mit CsSrewrite -Filter), wird die URL nicht umgeschrieben:

#myelement{
  background: url('images/b.png') no-repeat;
}

Ich würde meine URL gerne so verwenden images/b.png und lassen Sie den assetischen Dumper dann den vollständigen Pfad bestimmen.

Ich habe den CsSrewrite -Filter aktiviert, aber es scheint nichts zu tun. Wie kann ich einen relativen Weg in meinem CSS liefern und CsSrewrite auf einen absoluten Weg umschreiben lassen?

War es hilfreich?

Lösung

Es stellte sich heraus, dass ich CsSrewrite nicht benutzen musste.

Da CSS Bilder relativ zur CSS -Datei lädt, habe ich es gerade getan ../images/image.png. Dies ist eine viel einfachere Lösung, aber ich habe immer noch nicht herausgefunden, wie CsSrewrite funktioniert.

Andere Tipps

Ich habe festgestellt, dass absolute Wege nicht umschreiben. URL ('/Images/foo.png') schreibt nicht um. ... aber ... URL ('../ Bilder/foo.png') tut ... Ich habe es nicht versucht:

URL ('./ Images/foo.png') - aber ich würde erwarten, dass dies neu schreiben wird.

Ich hatte viel Frustration damit, aber ich denke im Nachhinein ist es sinnvoll.

Die Dokumentation auf der Sinney2 -Website sagt dies ... aber es ist leicht zu übersehen.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top