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”

  1. hey there and thank you for your info – I have certainly
    picked up something new from right here. I did however expertise some technical points using this site,
    since I experienced to reload the site a lot of times previous to I could get it to load correctly.
    I had been wondering if your web hosting is OK? Not that I am complaining, but sluggish loading instances times will often affect your placement
    in google and could damage your quality score if advertising and marketing with Adwords.

    Well I am adding this RSS to my email and could look out for a lot more of your respective intriguing
    content. Ensure that you update this again soon.

  2. Hey! I cоuld hɑve sworn I’vе bеen tο this blog beforе but ɑfter checking through ѕome of tһe post I realized it’s new to me.
    Nonetһeless, I’m ⅾefinitely happy Ι found it ɑnd I’ll bе book-marking аnd checking bacқ often!