RequireJS – is jQuery case sensitive?

by

Yes, jQuery defines itself as ‘jquery’, all lowercase. That’s normal.

If you open the source to jQuery you’ll find:

// Register as a named AMD module, since jQuery can be concatenated with other
// files that may use define, but not via a proper concatenation script that
// understands anonymous AMD modules. A named AMD is safest and most robust
// way to register. Lowercase jquery is used because AMD module names are
// derived from file names, and jQuery is normally delivered in a lowercase
// file name. Do this after creating the global so that if an AMD module wants
// to call noConflict to hide this version of jQuery, it will work.
if ( typeof define === "function" && define.amd ) {
    define( "jquery", [], function () { return jQuery; } );
}

So you have to refer to it as "jquery" everywhere in RequireJS calls. The issue here is that the define that jQuery uses is a “named define“ which is something we normally do not use when creating modules. The RequireJS optimizer adds these names for us when we run it.

At any rate, when a “named define” is used the module name is set to the name given to define rather than by file names (as is otherwise the case when we don’t use a named define).

It is possible to rename "jquery" to "jQuery", like this:

require.config({
  baseUrl: "./js",
  paths: {
      "jquery": "jquery-1.10.2"
  }
});

define("jQuery", ["jquery"], function ($) {
   return $;
});

require(["jQuery"], function ($) {
   console.log($);
   console.log($("body")[0]);
});

I’m making use of the version of define that takes a name as the first parameter. Full example here.

More Related Contents:

  1. Excluding files/directories from Gulp task
  2. How use an external non-typescript library from typescript without .d.ts?
  3. How to require jquery via AMD in TypeScript
  4. Mismatched anonymous define() module
  5. Relation between CommonJS, AMD and RequireJS?
  6. Loading Backbone and Underscore using RequireJS
  7. Dynamic require in RequireJS, getting “Module name has not been loaded yet for context” error?
  8. Does it make sense to use Require.js with Angular.js? [closed]
  9. How to handle circular dependencies with RequireJS/AMD?
  10. angular-ui-router with requirejs, lazy loading of controller
  11. How to load bootstrapped models in Backbone.js while using AMD (require.js)
  12. How does RequireJS work with multiple pages and partial views?
  13. Webpack ProvidePlugin vs externals?
  14. How can I mock dependencies for unit testing in RequireJS?
  15. Requirejs why and when to use shim config
  16. RequireJS: How to define modules that contain a single “class”?
  17. Difference between RequireJS and CommonJS
  18. What is ‘define’ used for in JavaScript (aside from the obvious)?
  19. Using RequireJS, how do I pass in global objects or singletons around?
  20. How to disable the warning ‘define’ is not defined using JSHint and RequireJS
  21. Lazy loading AngularJS modules with RequireJS
  22. When should I use require() and when to use define()?
  23. Ember.js and RequireJS
  24. using requirejs to load npm packages
  25. Is it possible to stop requireJS from adding the .js file extension automatically?
  26. require is not defined
  27. Use requirejs and jquery, without clobbering global jquery?
  28. How to import a js library without definition file in typescript file
  29. Inject module dynamically, only if required
  30. Node JS fs module inside browser

Leave a Comment