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. Power Plumbing Heating & Air made finding a reliable plumber in Anaheim so easy, and their service exceeded my expectations.
    I am so happy with Power Plumbing Heating & Air, the best plumber Anaheim could offer, and their team was so friendly plumber

  2. Its like you learn my thoughts! You seem to grasp so much
    about this, such as you wrote the guide in it or something.

    I think that you could do with a few % to power the message home a bit,
    however instead of that, this is wonderful blog. A fantastic read.
    I’ll certainly be back.

  3. Hurrah! At last I got a web site from where I can really take valuable facts
    concerning my study and knowledge.