How can I force assetic to render assets each time the page is reloaded?

Evarouss picture Evarouss · Aug 22, 2012 · Viewed 8.5k times · Source

How can I force assetic to render assets each time the page is reloaded (no matter if assets are modified or not)?

More explanation about my issue:

I'm currently working on a Symfony2 project where I use Assetic to manage and compile .less files. I got everything to work fine but I'm having a small issue that I'd like to fix.

In config.yml, I set the assetic use_controller to true.

# Assetic Configuration
assetic:
debug:          %kernel.debug%
use_controller: true

The result is that Symfony dynamically renders the new .css files each time .less files are modified. This is great.

My problem is that I use a main project.less file where I import all the other .less files

// Import Twitter Bootstrap
@import "../../../../../../vendor/twitter/bootstrap/less/bootstrap.less";

// Import Foo
@import "foo.less";

...

it allows me to keep a clean structure and also to import .less files from vendors, e.g: twitter bootstrap.

In my Twig template, I only call this main file.

{% stylesheets '@ProjectWebBundle/Resources/public/less/project.less' filter='less' %}
        <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" />
{% endstylesheets %}    

Since this main .less file is never modified, Assetic doesn't recompile the assets. This is why I'd like it to render the files not matter if they've been modified or not.

Answer

Miguel Trias picture Miguel Trias · Dec 13, 2012

AFAIK there's no perfect solution for this yet

I use:

php app/console assetic:dump --watch

which will compile your .less files each time it detects a change in any of the .less files referenced on your templates.

To force a compilation you have to make any change in your "main" file (the file that @imports the others). But, the good news are that is just enough to "touch" the file to do that. So you can just manually touch it every time you need:

touch ~/web/css/main.less;

Or, what i usually do is to set up a script that touches this "main" file each 60 seconds or so:

while true; do
    sleep 60
    touch ~/web/css/main.less
done

This should work on linux and mac.

Hope it helps. At least temporarily :)