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”

  2. This is the perfect web site for everyone who hopes to find out about this topic.
    You understand so much its almost hard to argue with you (not
    that I actually will need to…HaHa). You definitely put
    a fresh spin on a subject that has been written about for
    a long time. Great stuff, just excellent!

  3. Link exchange is nothing else however it is just
    placing the other person’s webpage link on your page at appropriate place and other
    person will also do similar for you.

  4. I was suggested this blog by my cousin. I’m not sure whether this post is written by him as no one else know such
    detailed about my trouble. You are wonderful! Thanks!

  5. Spot on with this write-up, I honestly think this site needs a
    lot more attention. I’ll probably be back again to read more,
    thanks for the advice!