11

我在我的模板中包含 CSS 样式表,如下所示:

{% stylesheets
    "@SomeBundle/Resources/assets/css/default.css.twig"
    "@SomeBundle/Resources/assets/css/global.css.twig"
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

但是,我想通过 Twig 运行这些 CSS 文件,这在使用{% stylesheets %}标签时是否可能以任何方式进行,或者这是否需要其他方法。我已经尝试启用twig过滤器,但它不存在。

4

2 回答 2

3

如果您将 css 作为内部样式表加载,则可以这样做。像这样的东西:

{% block stylesheets %}
    {{ parent() }}
    {% include 'AcmeBundle:Bundle:mycss.css.twig' %}
{% endblock %}

然后 mycss.css.twig 模板将包含:

<style type="text/css">
    /* */
</style>
于 2012-06-14T16:04:05.217 回答
1

使用 Twig 处理 CSS 最常见的事情应该可以使用SassLESS或类似的东西来实现,它们可以用作 Assetic 过滤器。谷歌抛出的第一个教程是这个:http ://alexandre-salome.fr/blog/Sass-Compass-Assetic-In-Ten-Minutes

诚然,如果您无法在您正在开发的生产服务器上运行 Ruby/Node.js/whatever,这看起来并没有多大帮助,但是应该可以基于 PHP 之一创建一个 Assetic 过滤器如果是这样的话,Sass/LESS 的端口(假设它们很好)。

于 2014-01-03T20:33:46.437 回答