Symfony Twig 样式表
Symfony Twig Stylesheets
在我的项目设置中,我有 css 个文件的目录结构:
在我的 base.html.twig
文件中,我正在像这样加载这些文件:
{% block stylesheets %}
{% stylesheets 'bundles/app/css/*' filter='cssrewrite' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% endblock %}
但不知为何找不到我两个文件夹中的 css
文件。如何将那些 css
也包括在内?
您现在执行此操作的方式看起来不是递归的。
所以文件夹 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 %}
在我的项目设置中,我有 css 个文件的目录结构:
在我的 base.html.twig
文件中,我正在像这样加载这些文件:
{% block stylesheets %}
{% stylesheets 'bundles/app/css/*' filter='cssrewrite' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% endblock %}
但不知为何找不到我两个文件夹中的 css
文件。如何将那些 css
也包括在内?
您现在执行此操作的方式看起来不是递归的。
所以文件夹 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 %}