如何在 Symfony 中通过 twig 模板添加样式表答案

【问题标题】：How to add stylesheets by twig template in Symfony如何在 Symfony 中通过 twig 模板添加样式表
【发布时间】：2016-10-27 00:54:12
【问题描述】：

我按照本教程在 symfony 中添加了 sass 支持：

https://alexandre.salome.fr/blog/sass-compass-assetic-in-ten-minutes

到目前为止，我有一个包含以下内容的 stylesheets.html.twig：

{% stylesheets filter="sass"
    "css/main.scss"
    "css/details.scss"
    "css/talk.scss"
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

效果很好，但是当使用特定的 *.html.twig 时如何添加更多样式表？我想我在使用上面这样的过滤器功能时不能使用块。

【问题讨论】：

标签： php sass symfony

【解决方案1】：

对于 Synfony2，它应该如下所示：

{% block css %}
    {% stylesheets output='css/compiled/index.css'
        '@MainBundle/Resources/css/editable.css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

【讨论】：

【解决方案2】：

好的 dimitrio，您的回答将我引向了解决方案

第一个问题是 stylesheets.html.twig 包含在内，因此我无法访问和覆盖其中的块，因此我将其替换为使用：

#base.html.twig
{% use "::stylesheets.html.twig" %}           
{% block stylesheets %}
    {{ parent() }}
{% endblock %}

在 stylesheets.html.twig 中

#stylehseets.html.twig
{% block stylesheets %}

    {% stylesheets filter="sass"
        "css/main.scss"
        "css/basic.scss"
    %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

{% endblock %}

在我的特定树枝中，我必须将内容添加到块中

{% block stylesheets %}

    {{ parent() }}

    {% stylesheets filter="sass"
        "css/specific/show.scss"
    %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

效果很好，但没有针对特定树枝更短的解决方案吗？我正在寻找类似的东西

{% addstylesheet 'css/specific/show.scss' %}

【讨论】：