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などを使用して実行できるはずです。Google が投げかけた最初のチュートリアルはこれでした: http://alexandre-salome.fr/blog/Sass-Compass-Assetic-In-Ten-Minutes

確かに、開発している本番サーバーでRuby/Node.js/何でも実行できない場合、それはあまり役に立たないように見えますが、PHPの1つに基づいてAsseticフィルターを作成できるはずです.その場合は、Sass/LESS のポート (それらが適切であると仮定します)。

于 2014-01-03T20:33:46.437 に答える