Question

J'utilise Assetic et Brindille dans une application Web. Je ne suis pas en utilisant le framework Symfony2.

Les regards de la structure du projet comme celui-ci

  • app

      styles
    • images
  • www

    • css
    • images

J'ai cette balise en utilisant l'étiquette du Assetic dans un de mes modèles:

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

Actuellement, l'application est hébergé dans http: // localhost / myapp / et on y accéder via http: // localhost / myapp / www

J'ai écrit une bande de décharge qui compile mes actifs et les dépotoirs aux sous-répertoires www.

Dans mon CSS, je référencement mes images à l'aide des chemins absolus (qui fonctionne):

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

Si j'utilise un chemin relatif (avec filtre cssrewrite), l'URL ne réécrite:

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

Je voudrais utiliser mon URL comme juste images/b.png puis laisser le dumper assetic déterminer le chemin complet.

J'ai activé le filtre cssrewrite, mais il ne semble pas faire quoi que ce soit. Comment puis-je fournir un chemin relatif dans mon CSS et ont réécrire cssrewrite à un chemin absolu?

Était-ce utile?

La solution

avère que je ne pas avoir à utiliser cssrewrite.

Étant donné que les charges CSS images relatives au fichier CSS, je viens de faire ../images/image.png. Ceci est une solution beaucoup de simplier, mais je n'ai toujours pas comment fonctionne cssrewrite.

Autres conseils

J'ai trouvé que les chemins absolus ne réécrit pas. url ( '/ images / foo.png') ne récrit pas. ... mais ... url ( '../ images / foo.png') fait ... Je ne l'ai pas essayé:

url ( './ images / foo.png') -. Mais j'attendre à ce que réécrira

J'ai eu beaucoup de frustration, mais je pense avec le recul, il est logique.

La documentation sur le site Symfony2 dit ce ... mais il est facile de négliger.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top