How to use jquery plugins in nodejs and ES6 import?

Question

I'm using a jquery plugin for calendar http://kylestetz.github.io/CLNDR/ Currently I'm using it with CDN But I want to use it as a nodejs module what is the best way to do it ?

Edit: I'm using babel Transpiler and es6 syntax.

jQuery is mainly for DOM manipulation, why do you need it in node ? are you parsing HTML ? — e-nouri
– e-nouri, Commented Jun 28, 2016 at 9:33
How would using babel force you to need to parse HTML using jQuery? — jaybee
– jaybee, Commented Jun 28, 2016 at 19:20
@Sagar You don't make sense. Babel does not require jQuery plugins. — Bergi
– Bergi, Commented Jun 28, 2016 at 19:38
@Bergi But my project needs it. I'm updating my question to make it more clear. — Sagar
– Sagar, Commented Jun 29, 2016 at 4:59

Dwayne · Accepted Answer · 2016-11-28 13:11:11Z

1

If the plugin has not been written as an ES6 module you would need to do this yourself. Since jQuery plugins simply attach themselves to an existing jQuery object they don't really export anything of note. So you can simply wrap the plugin in a immediately invoked function and export that. Remember to either import jQuery in the plugin file or make it available globally.

import jQuery from 'jquery';

const calendar = (function ($) {
    ... your jquery plugin code
    ... can live here 
}(jQuery));

If you feel inclined to learn from this you could also fork the project and rewrite the plugin code as an ES6 class and make it available on npm for others.

answered Nov 28, 2016 at 13:11

Dwayne

6516 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tonix Over a year ago

If I write a jQuery plugin like in your example, should I put "jquery" in the peerDependencies section of my plugin's package.json? This way, if I add to the jQuery prototype, I will add to the same jQuery object the consumer of my plugin/library. Or is it enough to use jquery as a normal dependency (dependencies)?

Collectives™ on Stack Overflow

How to use jquery plugins in nodejs and ES6 import?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related