Comment inclure des ressources css dossier dans symfony 2

Question

Je hvae le css situé dans

app/Resources/FOSUserbundle/css

Comment puis-je inclure dans mon modèle brindille

La raison pour laquelle je suis en train de css il y a que mes modèles FOSUser tous surchargées dans dans ce dossier. Donc, je veux garder css, images js tout là-dedans de sorte que si je dois utiliser dans un autre site je copie ce dossier

Answer 1

Je ne suis pas sûr de savoir comment vous inclure dans vos modèles Brindille, mais ...

1) Je mets les ressources que j'utilise dans plusieurs faisceaux / projets dans le web /. Ensuite, vous pouvez ensuite référencer comme ceci:

{% stylesheets 'css/styles.css' %}
<link href="{{ asset_url }}" type="text/css" rel="stylesheet" />
{% endstylesheets %}

2) Si vous devez remplacer le FOSUserbundle de toute façon, vous pouvez mettre les ressources à l'intérieur du paquet héritant, les référencer comme ceci:

{% javascripts '@YourBundle/Resources/public/js/scripts.js' %}
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}

Answer 2

Qu'est-ce que vous avez fait est tout à fait correct.

Il suffit de faire ce qui suit: -

$ app/console assets:install web

Il installera les actifs dans le répertoire public « web », où les actifs devraient être techniquement, pour être utilisé avec votre Brindille modèles.

Les actifs peuvent ensuite être utilisés dans les modèles Twig comme ceci: -

    {% block stylesheets %}
        <link href="{{ asset('/css/main.css') }}" type="text/css" rel="stylesheet" />
    {% endblock %}


    {% block javascripts %}
        <script src="{{ asset('/js/main.js') }}" type="text/javascript"></script>
    {% endblock %}

Answer 3

Bien que la question suggère et override cas, il a également AKS pour un cas où le ou js sont css dans un dossier commun, loin de la structure paquet.

Une solution consiste à utiliser les variables brindille disponibles. Par exemple, si je un fichier css situé ici

app/Resources/views/clientSite/customFolder/css/mycss.css

Je peux charger dans un modèle en utilisant quelque chose comme ceci (notez l'exemple remplace le bloc complet de feuilles de style, mais pas nécessaire, la balise brindille stylesheet peut être ajouté dans un bloc):

{% block stylesheets %}
    {{ parent() }}
    {% stylesheets '%kernel.root_dir%/Resources/views/clientSite/customFolder/css/mycss.css'
    %}
    <link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
    {% endstylesheets %} 
{% endblock %}

Rappelez-vous aussi à exécuter la assetic:. Commande dump , alors symfony sait qu'il devait publier le dossier css au web / css avec tous les autres fichiers