How to use jQuery with browserify?

Question

I have installed jQuery (v1.11.1) with npm. (I need 1.x since I want to use it with Angular that does not support 2.x).

I am then trying to import the jQuery object with require via browserify, but it seems like the returned object is not the expected so I can't use it.

var jQuery = require('jquery/dist/jquery')(window);

When trying to use it I get Uncaught TypeError: object is not a function.

What am I doing wrong? How can I use jQuery with browserify?

jgillich · Accepted Answer · 2014-07-25 09:19:17Z

4

jQuery has main set to dist/jquery.js, thus you can simply do this:

var jQuery = require('jquery');

jQuery('body').text('hello world');

Note that jQuery exports its factory only if there is no global document property. When used with Browserify, there is one, so what gets exported is not the factory function, but the regular jQuery object.

answered Jul 25, 2014 at 9:19

jgillich

77.2k7 gold badges61 silver badges89 bronze badges

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

1 Comment

Anton Over a year ago

It worked, thank you! I can't believe it would be that simple. I wonder if this is new with 1.11. This site advised me to use require('jquery/dist/jquery')(window) on jQuery version before v2.1.0. So, apparently this is not longer correct. learnjs.io/blog/2013/11/23/backbone-jquery-browserify

Collectives™ on Stack Overflow

How to use jQuery with browserify?

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