如何动态保存所有.css路径，然后将它们传递给assetic进行压缩？ （在 Symfony 2 中）

Question

我在处理样式表和 JavaScript 方面遇到了困难。

assetic + twig 的所有示例都假设您事先知道所需文件的所有路径。

假设我想创建一个“关于”页面。

“about.html.twig”模板扩展自“layout.html.twig”。

布局必须有几个将在整个网站中使用的 .css 和 .js。

about 模板必须加载特定于它的其他 .css 和 .js 文件。

所以样式表块看起来像这样：

{% block stylesheets %}
{{ parent() }}
<link href='bla'> {# more stylesheets #}
{% endblock %}

那么在这种情况下我该如何使用 assetic 呢？

我是否应该从一开始就发送网站的所有资源，因为即使这样，性能也会得到提升？

问题是 .css 之间可能存在冲突，有时您加载 .css 只是为了覆盖您自己的基本设置，因此您不能只为整个站点创建单个 .css。

我还尝试设置一个数组来存储所有路径，然后循环，并将路径传递给 assetic。但 twig 似乎不支持语法 css[] = 'another_path.css' 。您必须在一次分配中设置整个数组

Answer 1

是的，您是正确的，资产 Twig 扩展的语法确实希望您确实知道要包含的所有资产。但这是设计使然，因为对于生产来说，您应该转储组合和缩小的 CSS/JS，以便 Web 服务器可以处理它，而无需涉及 PHP。

我对您的最佳建议是确定您愿意包含在网站所有页面上的所有样式表，并为它们进行资产样式表调用。

然后，对于需要其他样式表的特定页面，您可以在需要时进行第二次资产调用。

layout.html.twig

// do common styles
{% stylesheets 'css/reset.css'
               'css/960.css'
               'css/foobar.css'
               filter='yui_css' %}
    <link rel="stylesheet" media="screen" href="{{ asset_url }}" />
{% endstylesheets %}

// use an empty block for extra styles
{% block extra_styles %}{% endblock %} 

someview.html.twig

{% block extra_styles %}
    {% stylesheets 'css/about1.css'
                   'css/about2.css'
                   filter='yui_css' %}
        <link rel="stylesheet" media="screen" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

另一种解决方案（可能更简单）是重构 CSS，这样您就可以一次性下载所有样式。