How do you use a page's existing jQuery + Twitter Bootstrap/plugins with StealJS?

Question

I have a project that uses Twitter Bootstrap 3, however, I am supplementing the existing javascript situation with a CanJS app. For CanJS dependency management I chose their package StealJS. However, it appears that no matter what I do, StealJS insists on loading jQuery again, overwriting $.fn, of course.

In this question a core contributor answers that the solution is to "steal" a blank.js file. However, this breaks steal/build for production as can/util/jquery/jquery.js is passed 'jquery' as undefined (the results of blank.js).

I have tried variations on StealJS's stealconfig.js settings including map, paths, and completed but nothing seems to work.

Here is an example of doing this in RequireJS. Is the solution simply not to use StealJS and to use RequireJS instead?

score 1 · Accepted Answer · answered Sep 12 '13 at 21:16

1

You can try a solution that is similar to the RequieJS solution you linked to. That is, create a dummy file that looks like this:

steal(function(){
    return window.jQuery;
});

And in stealconfig.js map jquery to wherever you put this file.

answered Sep 12 '13 at 21:16

ccummings

356
1
4

Though this still prohibits building production files I guess. – Plywood Sep 13 '13 at 03:38
I will post a new question. Something tells me these will be helpful to people in the future. – Plywood Sep 13 '13 at 03:56

How do you use a page's existing jQuery + Twitter Bootstrap/plugins with StealJS?

1 Answers1