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. Greetings I am so happy I found your blog, I really
    found you by accident, while I was searching on Google for something else,
    Anyhow I am here now and would just like to say many thanks for a incredible post and a all round exciting blog (I also love the theme/design),
    I don’t have time to look over it all at the moment but
    I have saved it and also added your RSS feeds, so when I have time I
    will be back to read a lot more, Please do keep
    up the excellent work.

  2. Hello, this weekend is good in favor of me, as this time i am reading this impressive educational post here
    at my residence.

  4. My brother recommended I might like this web
    site. He was totally right. This publish truly made my day.
    You can not imagine simply how so much time I had spent for this information! Thank you!