Assetic generating links but no files

You have 2 options when dealing with assets. The reason you do not see your assets physically in your computer is because you chose Option 1.

Option 1: SYMFONY CAN PROCESS THE FILES DYNAMICALLY FOR YOU

That means that each asset path generated in the dev environment is handled dynamically by Symfony. Therefore, Assetic generates paths to CSS and JavaScript files that don't physically exist on your computer. This is an internal Symfony controller that opens the files and serves back the content for you.

Advantages: - Changes made on your assets take immediate effect - This is great in dev mode as Symfony generates the files dynamically for you

Disadvantages: - This is not possible in prod mode as rendering each asset dynamically would be too slow - The assets won't be directly accessible on your computer (which is why you cannot find the file) - Can be quite slow if you are using a lot of filters, etc...

To do this in dev mode, just edit assetic config in config_dev.yml:

assetic:
    use_controller: true

Option 2: DUMPING ASSET FILES

If you don't want to handle the assets dynamically, you can dump your assets manually, meaning actually writing your assets phisically on your computer.

Advantages: - No need for Symfony to generate the files dynamically so this will run a lot faster - Therefore, this is perfect in prod mode - The files are physically accessible in the web/ directory (or wherever you chose to output them)

Disadvantages: - You either need to dump the assets each time you change something..or you can dump the assets with the --watch command, which can potentially be a bit annoying if you are working in dev mode.

To do this:

Set use_controller to false (config_dev.yml):

assetic:
    debug:          %kernel.debug%
    use_controller: false

You can even choose where to read and output your assets if necessary 

   assetic:
        read_from:      %kernel.root_dir%/Resources/views/
        write_to:       %kernel.root_dir%/../web/thefolderyouwant/

The ouput now starts from your write_to config in assetic

{% stylesheets
  '@FooBundle/Resources/public/css/main.css'
  output='css/main.css'
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

You will have a resource error if you continue, so comment out or delete these assetic route in config_dev.yml:

_assetic:
    resource: .
    type:     assetic

Finally, you can generate the assets automatically, so that the changes that you make take immediate effect:

php app/console assetic:dump --watch

In that case, the file should now be available:

/web/thefolderyouwant/css/main.css

See the Cookbook for more info: How to use Assetic for Asset Management?

Tags:

Symfony

Assetic

Recent Posts