Symfony Twig 样式表答案

【问题标题】：Symfony Twig StylesheetsSymfony Twig 样式表
【发布时间】：2016-05-25 07:14:07
【问题描述】：

在我的项目设置中，我有这个 css 文件的目录结构：

在我的base.html.twig 文件中，我正在像这样加载这些文件：

{% block stylesheets %}
    {% stylesheets 'bundles/app/css/*' filter='cssrewrite' %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

但不知何故，我的两个文件夹中的 css 文件找不到。怎样才能让css 也包含在内？

【问题讨论】：

我可以知道为什么这是题外话吗？

标签： php css symfony assets assetic

【解决方案1】：

您现在执行此操作的方式看起来不是递归的。所以文件夹 FontAwesome 和 SimpleLintFont 不会被包括在内。为了解决这个问题，我正在为每个子文件夹复制 stylesheets 块，如下所示：

{% block stylesheets %}
    {% stylesheets 'bundles/app/css/*' filter='cssrewrite' %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}
{% block stylesheets %}
    {% stylesheets 'bundles/app/css/FontAwesome/*' filter='cssrewrite' %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}
{% block stylesheets %}
    {% stylesheets 'bundles/app/css/SimpleLineFont/*' filter='cssrewrite' %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

由于这是丑陋且重复的代码，因此可以像这种更简洁的解决方案那样组合路径：

{% block stylesheets %}
    {% stylesheets 'bundles/app/css/*' 'bundles/app/css/SimpleLineFont/*' 'bundles/app/css/FontAwesome/*' filter='cssrewrite' %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

【讨论】：