How do you manage dependencies in Javascript libraries

Question

I am making a jQuery widget that will distributed to third parties. It is pretty simple, it will make an ajax call and put some content on a div on their page.

Is there an easy way a can give them everything they need in one file without the possibility of namespace conflicts?

I know I could make one file that has minimized jQuery, jQuery UI, and my own code, but that might create conflicts if they have other versions of jQuery. (For example, I might base my code off jQuery 1.7, and they might be running jQuery 1.3 for some reason.) So are there any good solutions to my problem?

ref: api.jquery.com/jQuery.noConflict

Yoshi
– Yoshi

2012-03-21 16:38:42 +00:00
Commented Mar 21, 2012 at 16:38 — Yoshi
– Yoshi, Commented Mar 21, 2012 at 16:38

Juanmi Rodriguez · Accepted Answer · 2014-02-11 22:32:53Z

2

I know its been a long time since you posted this question, but just in case anyone get here from google as I did, this is the solution you are looking for:

http://www.angrycoding.com/2011/09/managing-dependencies-with-requirejs.html

Summing up, you can use require to load a different jquery version for your app only, so it doesn't conflict with legacy code.

answered Feb 11, 2014 at 22:32

Juanmi Rodriguez

5975 silver badges13 bronze badges

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

Comments

chiborg · Accepted Answer · 2012-03-21 16:39:25Z

1

You should not create a minified version that has external libraries in it. Instead, clearly state your dependencies in your README. If someone uses an insufficient version of jQuery, tough luck.

For a more general approach at managing dependencies, have a look at require.js

answered Mar 21, 2012 at 16:39

chiborg

28.4k15 gold badges101 silver badges119 bronze badges

Comments

MatuDuke · Accepted Answer · 2012-03-21 16:39:55Z

1

Maybe using

var $j = jQuery.noConflict();

// Use jQuery via $j(...)
$j(document).ready(function(){
    $j("div").hide();
});

From http://api.jquery.com/jQuery.noConflict/

answered Mar 21, 2012 at 16:39

MatuDuke

5,0081 gold badge25 silver badges28 bronze badges

Comments

RTulley · Accepted Answer · 2012-03-21 16:41:34Z

1

You can use jquery.noconflict to de-reference the last included version of jquery.

Directly after you include your version of jquery do something similar to:

var yournamespace = jQuery.noConflict();

then instead of the $ jquery operator you use your namespace similar to:

yournamespace("div p").hide();

answered Mar 21, 2012 at 16:41

RTulley

1754 bronze badges

Collectives™ on Stack Overflow

How do you manage dependencies in Javascript libraries

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related