4

構成：

assetic:
    debug:          %kernel.debug%
    use_controller: false
    read_from:      %kernel.root_dir%/../public
    filters:
        less:
            node: /usr/bin/node
            node_paths: [/usr/local/lib/node_modules]

小枝テンプレート：

{% block stylesheets %}
{% stylesheets filter='less'
    '@MyBundle/Resources/public/bootstrap/less/bootstrap.less'
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% endblock %}

これはほとんどうまくいきます。

問題が1つあります。画像がなく、相対URL（ "../ img / glyphicons-halflings.png"）で参照されていますが、そこにはありません。

1つの質問ですが、これはnode.jsで機能しますが、本番サーバーにnode.jsがない場合、コンパイルされたcssをアップロードするだけで機能しますか？

4

1 に答える 1

4

次のように、cssrewriteフィルターも使用する必要があると思います。

{% block stylesheets %}
{% stylesheets filter='less,cssrewrite'
    '/bundles/mybundle/bootstrap/less/bootstrap.less'
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% endblock %}

次のコマンドを使用してアセットを公開することを忘れないでください。

app/console assets:install --symlink web

そして最後の質問に答えるために、はい、コンパイルされたcssをアップロードすることでうまくいきます。

于 2012-05-27T18:20:31.933 に答える