Domanda

Sto usando Assetic e Twig in un'applicazione web. Non sto usando il framework Symfony2.

L'aspetto della struttura di progetto come questo

  • App

    • stili
    • immagini
  • www

    • css
    • immagini

Ho questo markup usando il tag Assetic fogli di stile in uno dei miei modelli:

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

Al momento l'applicazione è ospitata in http: // localhost / frontend / e si potrebbe accedervi tramite http: // localhost / frontend / www

Ho scritto una striscia di discarica che raccoglie i miei beni e li discariche alle directory sotto www.

Nel mio CSS, sto riferimento a mie immagini utilizzando percorsi assoluti (che funziona):

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

Se io uso un percorso relativo (con filtro cssrewrite), l'URL non viene riscritta:

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

Vorrei utilizzare il mio URL, appena images/b.png e poi lasciare che il dumper Assetic determinare il percorso completo.

Ho attivato il filtro cssrewrite, ma non sembra essere di fare qualsiasi cosa. Come posso fornire un percorso relativo a mio CSS e cssrewrite ho riscriverlo ad un percorso assoluto?

È stato utile?

Soluzione

Si scopre che non ho avuto da usare cssrewrite.

Dal carica CSS immagini relative al file CSS, ho appena fatto ../images/image.png. Questa è una soluzione più semplice molto, ma non ho ancora elaborato opere come cssrewrite.

Altri suggerimenti

ho scoperto che i percorsi assoluti non riscrivere. url ( '/ images / foo.png') non riscrivere. ... ma ... url ( '../ images / foo.png') fa ... Non ho provato:

url ( './ immagini / foo.png') -., Ma mi aspetterei questo riscriverà

Ho avuto un sacco di frustrazione con questo, ma penso che col senno di poi ha senso.

La documentazione sul sito di Symfony2 fa dire questo ... ma è facile trascurare.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top