Question

Config:

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]

Twig template:

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

This works almost good.

I have one problem, there are no images, they are referenced relative url(“../img/glyphicons-halflings.png”) but they are not there.

And one question, this works with node.js, but what if I don’t have node.js on production server, will it work if I just upload compiled css?

Answer 1

I think you should use the cssrewrite filter too, like this:

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

Don’t forget to publish your assets with this command:

app/console assets:install --symlink web

And to answer your final question, yes uploading the compiled css will do the trick.