jQuery CDN as A Named Module In RequireJS

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

  1. Hi there! I could have sworn I’ve visited your
    blog before but after going through a few of the posts I realized it’s new to me.
    Nonetheless, I’m definitely delighted I found it and I’ll be bookmarking it
    and checking back often!

  2. Hi there I am so thrilled I found your site, I really found you by accident, while I was searching on Google for something else, Anyways
    I am here now and would just like to say cheers for a remarkable post and a all round interesting blog (I also love the
    theme/design), I don’t have time to browse it all at the minute but I have bookmarked it and also
    included your RSS feeds, so when I have time I will be back
    to read a great deal more, Please do keep up the great work.