Как установить зависимость от jquery с браузером и gulp

Question

Так что я использую gulp и браузера, и мне нужен jquery и плагин (сова-карусель), для которого требуется jquery как зависимость.

Однако порядок файлов, кажется, несколько перепутались, как запрос составлен в окончательный JS файл после плагин я использую, что приводит к ошибке консоли:

Uncaught TypeError: Cannot read property 'fn' of undefined 

Как сказать просканировать, что есть зависимость? Нужно ли мне обозревать прошивку для этого или есть другой способ?

Мои включает в себя:

var $    = require('jquery'), 
    owlCarousel = require('./vendor/owl.carousel/owl.carousel.js'); 

Я также использую browserify-подкладку сейчас, но получаю ту же ошибку. Это то, что находится в моей упаковке.js:

"browser": { 
    "jquery": "./vendor/jquery/jquery.js", 
    "owlcarousel": "onedirection/static/js/vendor/owl.carousel/owl.carousel.js" 
    }, 
    "browserify-shim": { 
    "jquery": "$", 
    "owlcarousel": { 
     "exports": "owlcarousel", 
     "depends": [ 
     "jquery:jQuery" 
     ] 
    } 
    } 

У кого-нибудь есть идеи?

Answer 1

Существует трюк, чтобы использовать JQuery ($) глобально на версии сборки:

global.$ = require('jquery'); 

И в package.json

"browserify-shim": { 
    "jquery": { 
     "exports": "$" 
    } 
    }