jQuery CDN as A Named Module In RequireJS

Posted on by

If you want RequireJS to fetch jQuery from a CDN, you’ll need to tell it to do so using the “paths” config:

require.config({
paths: {
"jquery": "https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"
}
});

As I understand it, if you want to use the local file fallback code a la html5bp you’re out of luck. For those of you who don’t know, the local file fallback code allows you to load jQuery from your own domain if the CDN version fails to load. It looks like this:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.js"><\/script>')</script>

Arguably, if you’re using jQuery it is likely to be a global requirement rather than a requirement for one or two modules. The same sort of thing with BackboneJS. It might be better to place these global requirements in the HTML for your pages (before the RequireJS script) to save typing ‘jquery’ and ‘backbone’ in all your module definitions.

22,429 thoughts on “jQuery CDN as A Named Module In RequireJS”

  3. Hello! Would you mind if I share your blog with my myspace group?
    There’s a lot of people that I think would
    really enjoy your content. Please let me know.
    Thank you

  6. Heya i am for the first time here. I found this board and I find It really useful & it helped me out a lot.
    I hope to give something back and help others like you
    helped me.

  7. Fantastic blog you have here but I was curious if you knew of any
    community forums that cover the same topics
    discussed here? I’d really like to be a part of group where I can get advice from other knowledgeable individuals that share the same interest.
    If you have any recommendations, please let me know.
    Cheers!