Static assets not refreshing with symfony2 clear cache command

Question

I\'m using Assetic with the compass filter to pass and compile .scss files. This part of the setup seems to work fine. However, my understanding was that in the app_dev environm

Answer 1

if you are working with symfony 2 assets in dev. environment, simply use this command:

php app/console assets:install
php app/console assetic:dump --watch

Since version 2.4 --watch is deprecated, and has been replaced by:

php app/console assetic:watch

Answer 2

I have fixed this issue in local development by adding a line to the end of my parameters.yml, which basically stops any asset caching from taking place.

# parameters.yml
...

assetic.cache.class: Assetic\Cache\ArrayCache

This should never be included in a production environment as we want caching to happen!

Answer 3

Asset compilation is not part of the caching system. You need to re-install assets when you make changes, regardless of the environment.

app/console assets:install web

If the filesystem you're on supports symbolic links, you can avoid having to run this command for every change and instead just install the assets as such

app/console assets:install web --symlink

But since you're using Sass, this probably isn't an option for you.

HTH

Answer 4

I know this is an old topic but the only answers I could fine were the CompassElephantBundle and the above AsseticController hack. I've got an approach which is essentially but means I didn't have to edit the vendor package.

The way I have done it is to edit copy the original AsseticController and then linking to that in the config from the parameters.

parameters:
    assetic.controller.class: Acme\RandomBundle\Controller\AsseticController

The copied AsseticController just does a preg_match for the filetype from the source path and corrects caching from there.

<?php

/* Original Assetic Controller */

public function render($name, $pos = null)
{
    if (!$this->enableProfiler && null !== $this->profiler) {
        $this->profiler->disable();
    }

    if (!$this->am->has($name)) {
        throw new NotFoundHttpException(sprintf('The "%s" asset could not be found.', $name));
    }

    $asset = $this->am->get($name);
    if (null !== $pos && !$asset = $this->findAssetLeaf($asset, $pos)) {
        throw new NotFoundHttpException(sprintf('The "%s" asset does not include a leaf at position %d.', $name, $pos));
    }

    $bustCache = preg_match('/\.(scss|sass|less)$/', $asset->getSourcePath());

    $response = $this->createResponse();
    $response->setExpires(new \DateTime());

    if ($bustCache) {
        $lastModified = time();
        $date = new \DateTime();
        $date->setTimestamp($lastModified);
        $response->setLastModified($date);
    }
    else
    {
        // last-modified
        if (null !== $lastModified = $asset->getLastModified()) {
            $date = new \DateTime();
            $date->setTimestamp($lastModified);
            $response->setLastModified($date);
        }
    }

    // etag
    if ($this->am->hasFormula($name)) {
        $formula = $this->am->getFormula($name);
        $formula['last_modified'] = $lastModified;
        $response->setETag(md5(serialize($formula)));
    }

    if ($response->isNotModified($this->request)) {
        return $response;
    }

    if ($bustCache) {
        $response->setContent($asset->dump());
    }
    else {
        $response->setContent($this->cachifyAsset($asset)->dump());
    }

    return $response;
}

/* Rest of controller */

Answer 5

I use different way. I'm adding all .scss files during development

    {% block stylesheets %}
        {% stylesheets filter='?uglifycss' filter='cssrewrite' filter="compass"
            "@TESTSSassBundle/Resources/public/css/_vars.scss" <-- this will be removed
            "@TESTSSassBundle/Resources/public/css/main.scss"
            "@TESTSSassBundle/Resources/public/css/header.scss"
            "@TESTSSassBundle/Resources/public/css/footer.scss"
         %}
            <link rel="stylesheet" href="{{ asset_url }}" />
        {% endstylesheets %}
    {% endblock %}  

and after I finish development I remove them. This way I do not need to clear my cache and add/change any settings. It always work for me.

Answer 6

I think I've found the answer here:

assetic compass filter, css not updating when changing imported file (google groups discussion)

It seems that if a change is made to an imported file without any changes to the parent file then the parent file will not be recompiled. The result being the change will not be seen until you force recompilation.

The poster on google groups suggested a possible fix (hack!) by editing the AsseticController. I haven't tried it yet, but even if it works I'd rather not edit a vendor package.