Symfony2: how to choose Javascript files load order?

Question

I am using jQuery in my Symfony2 application and I have a "ReferenceError: jQuery is not defined" error. I think changing Javascript file load order could fix this.

How could I force to load jQuery Javascript file first in order to avoid such errors? I would like to keep the "js/*" in order to load auto-magically the future new JS files I will put.

Here is stylesheets part of my *.html.twig template:

    {% javascripts
            '@xxxBundle/Resources/public/js/*'
            'js/*'
        %}
            <script type="text/javascript" src="{{ asset_url }}"></script>
    {% endjavascripts %}

And here is current output generated by Symfony2:

<script type="text/javascript" src="/Symfony/web/app_dev.php/js/8d3a8ee_part_2_acidTabs_1.js"></script>
<script type="text/javascript" src="/Symfony/web/app_dev.php/js/8d3a8ee_part_2_jquery-1.6.min_2.js"></script>

kgilden · Accepted Answer · 2011-10-05 09:59:22Z

7

You can list your core dependencies first, then load all others:

{% javascripts
        '@xxxBundle/Resources/public/js/*'
        'js/example_1.js'
        'js/example_2.js'
        ...
        'js/*' %}
        <script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}

answered Oct 5, 2011 at 9:59

kgilden

10.4k3 gold badges52 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

codecowboy Over a year ago

What about if example_1.js is in the same directory as * ?

Collectives™ on Stack Overflow

Symfony2: how to choose Javascript files load order?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related