So einbeziehen Sie CSS vom Ressourcenordner in Symfony 2 ein

Question

Ich hvae das CSS in

app/Resources/FOSUserbundle/css

Wie kann ich das in meine Zweigvorlage einbeziehen?

Der Grund, warum ich CSS dort einsehe, ist, dass meine alle überschriebenen Fosuser -Vorlagen in diesem Ordner eingestuft werden. Ich möchte also CSS und JS -Bilder behalten, sodass ich diesen Ordner einfach kopiere, wenn ich auf einer anderen Website verwenden muss

Answer 1

Ich bin mir nicht ganz sicher, wie Sie das in Ihre Zweigvorlagen einbeziehen würden, aber ...

1) Ich habe die Ressourcen, die ich in mehreren Bündeln / Projekten verwende, im Web / Verzeichnis eingesetzt. Dann können Sie sich dann wie folgt verweisen:

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

2) Wenn Sie den Fosuserbundle ohnehin überschreiben müssen, können Sie die Ressourcen in das Erbe -Bündel einfügen und sie wie folgt verweisen:

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

Answer 2

Was Sie getan haben, ist in Ordnung.

Machen Sie einfach Folgendes:-

$ app/console assets:install web

Es wird das Vermögen im öffentlichen "Web" -Verzeichnis installieren, in dem technisch die Vermögenswerte mit Ihren Zweigvorlagen verwendet werden sollten.

Assets können dann innerhalb von Zweigvorlagen wie folgt verwendet werden:-

    {% 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

Obwohl die Frage vorschlägt und überschreibt, wird auch ein Fall für einen Fall, in dem sich das CSS oder JS in einem gemeinsamen Ordner befinden, abseits der Bündelstruktur.

Eine Antwort ist die Verwendung der verfügbaren Zweigvariablen. Zum Beispiel, wenn ich eine CSS -Datei hier habe

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

Ich kann eine beliebige Vorlage mithilfe wie diesem einladen (beachten Sie, dass das Beispiel den vollständigen Stylesheets -Block überschreibt, aber nicht erforderlich ist, das Stylesheet Twig -Tag kann in jedem Block hinzugefügt werden):

{% 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 %}

Denken Sie auch daran Führen Sie den Befehl assetic: Dump aus, Symfony weiß, dass es das CSS mit allen anderen Dateien im Web/CSS -Ordner veröffentlichen musste.