使用gulp / browserify按顺序加载javascript插件

Question

Soooooo.... I'm have a helluva time trying to figure out browserify.

Here's my app.js file:

var $ = require('../lib/jquery');
var foundation = require('../lib/foundation/foundation');

$(document).ready(function($){
    $(document).foundation();
});

when i try loading the browserified file, I get this error:

Uncaught ReferenceError: jQuery is not defined

I'm using the latest version of jquery. Any idea what's going on?

Answer 1

so uh, i solved the problem by using browserify-shim

here's what i added to my package.json file:

"browser": {
  "jquery": "./js/lib/jquery.js"
},
"browserify-shim": {
  "jquery": "$"
},
"browserify": {
  "transform": [ "browserify-shim" ]
},
"dependencies": {
  "browserify-shim": "~3.2.0"
}

ta da