Symfony2 include js files via loop from assetic.yml - symfony

Question

assets.yml:
assetic:
assets:
base_js:
inputs:
- '%kernel.root_dir%/Resources/public/jquery-1.10.2.min.js'
- '%kernel.root_dir%/Resources/public/bootstrap3/js/bootstrap.min.js'
output: 'js/scripts.js'
base_css:
inputs:
- '%kernel.root_dir%/Resources/public/bootstrap3/css/bootstrap.min.css'
output: 'js/styles.css'
config.yml
imports:
- { resource: parameters.yml }
- { resource: security.yml }
- { resource: assets.yml }
#...
assetic:
debug: %kernel.debug%
use_controller: false
bundles: [MyAdminBundle]
#java: /usr/bin/java
filters:
cssrewrite: ~
And in template:
{% block javascripts %}
{% javascripts '#base_js' %}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock %}
However as output I get js/80e3acc_part_1.js and this file only includes the jquery code, boostrap is missing. Any ideas how to fix this?

Answer 1

sadly the output filename configuration of an asset collection is currently not being used by default if none is specified within the {% image %},{% stylesheets %} or {% javascripts %} tag if only one #-resource is present - this explains the filename js/80e3acc_part_1.js.
Further the asset() function does not work with the # - syntax.
use the following to fix the filename issue.
{% javascripts '#base_js' output='js/scripts.js' %}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
or just include the output filename directly with the asset() function.
<script src="{{ asset('js/scripts.js') }}"></script>
This syntax is cleaner but leaves the downside of in case having to change the filename in configuration and the template if you want to rename the output file.
Please note that assetic in most cases does not automatically update the resources for cached collections if resources are added. Therefore always clear your cache using app/console cache:clear prior to dumping your assets.
That would explain why bootstrap was missing in the output file after dumping if you added it as second resource but did not clear the cache before using the assetic:dump command.