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”

  5. An impressive share! I’ve just forwarded this onto a friend
    who has been conducting a little research on this.
    And he in fact ordered me lunch simply because I
    found it for him… lol. So let me reword this….
    Thanks for the meal!! But yeah, thanx for spending the time to discuss
    this subject here on your internet site.

  6. Thanks for one’s marvelous posting! I quite enjoyed reading it, you happen to be a great author.
    I will be sure to bookmark your blog and definitely will come back someday.
    I want to encourage you to continue your great work, have a nice day!

  12. Excellent blog here! Also your site loads up fast! What host are you using?
    Can I get your affiliate link to your host? I wish my
    site loaded up as fast as yours lol