css - 在 Twig 的 child 中加载 css

Question

我有一个 super Twig ，它有以下 block :

{% stylesheets filter='css_url_rewrite,?yui_css'
                '@MainBundle/Resources/public/css/bootstrap.css'
                '@MainBundle/Resources/public/css/vendor/*.css'
                '@MainBundle/Resources/public/css/_normalize.css'
                '@MainBundle/Resources/public/css/main.css'
                '@MainBundle/Resources/public/css/fonts.css'
                '@MainBundle/Resources/public/css/include/*.css'
                '@MainBundle/Resources/public/css/footer.css'
            %}

我有另一个从上面的 Twig 延伸出来的 Twig ，但我想在此页面上添加一个额外的 css，所以我做了:

{% block stylesheets %}
     {{ parent() }}
    {% stylesheets filter='css_url_rewrite,?yui_css'
        '@ShopiousMainBundle/Resources/public/css/shippingconfirm/*.css'
    %}
    {% endstylesheets %}          
{% endblock %}

但是这不会导入我在 shippingconfirm 中的 css， 知道如何解决这个问题吗？

Answer 1

您需要在样式表 block 中再次设置链接元素。所以它应该适用于以下内容:

{% block stylesheets %}
    {{ parent() }}
    {% stylesheets filter='css_url_rewrite,?yui_css'
        '@ShopiousMainBundle/Resources/public/css/shippingconfirm/*.css' %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

但是您在 shippingconfirm 文件夹中的额外样式表将在一个额外的文件中。 Assetic 不会将所有样式表(来自父模板的 css 和来自当前模板的 css)放入一个文件中。

此处发布了类似的问题:Combining Assetic Resources across inherited templates

在那里您可以找到一些解决问题的方法。