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. Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is important and all. However just imagine if you added some great graphics or videos to give your posts more, “pop”!
    Your content is excellent but with pics and video clips, this blog
    could certainly be one of the greatest in its
    niche. Terrific blog!

  2. Right here is the perfect site for anybody who really wants to understand this topic.
    You realize a whole lot its almost hard to argue with
    you (not that I actually will need to…HaHa). You definitely put
    a brand new spin on a topic that’s been written about
    for ages. Wonderful stuff, just great!