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. Right here is the right site for anyone who hopes to find out about this topic.

    You realize so much its almost hard to argue with you
    (not that I actually will need to…HaHa). You certainly put a fresh spin on a subject which
    has been written about for decades. Great stuff, just
    wonderful!

    My web-site: indoor video wall display

  2. whoah this blog is wonderful i love studying your posts.

    Stay up the great work! You recognize, many individuals are looking
    around for this info, you could aid them greatly.

  3. Spot on with this write-up, I truly think this website
    needs a lot more attention. I’ll probably be returning to read more, thanks for the info!