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. What’s up, after reading this amazing post i am as well happy to share my
    knowledge here with colleagues.

  5. Hey there just wanted to give you a quick heads up. The words in your content seem to be running off the screen in Safari.
    I’m not sure if this is a formatting issue or something
    to do with web browser compatibility but I figured I’d post to let you know.
    The layout look great though! Hope you get the
    issue resolved soon. Cheers

  8. If some one wants expert view on the topic of running a blog after
    that i propose him/her to pay a visit this weblog, Keep
    up the nice work.

  9. Hmm is anyone else having problems with the pictures on this blog
    loading? I’m trying to figure out if its a problem
    on my end or if it’s the blog. Any feedback would be greatly
    appreciated.