Home → Suggestions →

AMD support

• Edit

jeroenh

20 Jun, 2013 08:23 PM

Hi,

I would very much like support for AMD modules and script loaders. It should be very straightforward to support both AMD and non-AMD usage:

https://github.com/umdjs/umd/blob/master/jqueryPlugin.js

Jeroen

1. Support Staff 1 Posted by Dmitry Semenov on 20 Jun, 2013 09:17 PM

   

   Hi,

   Thank you for suggestion, added this to roadmap, but cannot promise that feature will be added very soon.

   Dmitry

   • Edit

2. 2 Posted by pesche on 26 Jun, 2014 12:35 PM

   

   Are there any updates on this? It would make it much easier to use your plugin with tools like requirejs or browserify.

   • Edit

3. Support Staff 3 Posted by Dmitry Semenov on 26 Jun, 2014 01:27 PM

   

   @Pesche, you may just wrap contents of js file with:

   !function(root, factory) {
       if (typeof define === 'function' && define.amd) {
           define(['jquery'], factory);
       } else {
           factory(root.jQuery);
       }
   }(this, function($) {
       'use strict';
   
       // contents
   
   });
   

   • Edit

4. 4 Posted by hello on 09 Mar, 2016 12:41 AM

   

   Hi Dimitry,

   I'm having trouble with importing RoyalSlider via ES6 imports and Browserify.. This is my code

   import $           from 'jquery';
   import royalSlider from 'royalslider/jquery.royalslider.min.js';
   

   Although I'm receiving the following error in the console
   `jquery.royalslider.min.js:61 – Uncaught ReferenceError: jQuery is not defined

   I've tried changing import $ to import jQuery and it's still not working.

   Any ideas?
   Thanks

   • Edit

5. Support Staff 5 Posted by Dmitry Semenov on 09 Mar, 2016 10:27 AM

   

   @Jake, have you tried also adding:

   import jQuery from 'jquery'
   

   ?

   or like this:

   import $ from 'jquery'
   import jQuery from 'jquery'
   window.$ = $;
   window.jQuery = jQuery;
   
   // ...
   

   • Edit

6. 6 Posted by hello on 09 Mar, 2016 10:34 AM

   

   Hi Dmitry,

   Yes I've tried both of your suggestions and still getting error Uncaught ReferenceError: jQuery is not defined.

   Any other ideas?

   • Edit

7. Support Staff 7 Posted by Dmitry Semenov on 10 Mar, 2016 03:30 PM

   

   Do you get jQuery version printed when you execute such code?

   import $ from 'jquery'
   import jQuery from 'jquery'
   window.$ = $;
   window.jQuery = jQuery;
   
   console.log( jQuery.fn.jquery );
   

   • Edit