如何使用browserify和gulp設置依賴關係到jquery

Question

因此，我使用gulp和browserify，並且我需要jquery和一個需要jquery作爲依賴項的插件（owl-carousel）。

然而，文件的順序似乎有所搞砸作爲查詢被編譯成我使用這會導致控制檯錯誤插件後的最終js文件：

Uncaught TypeError: Cannot read property 'fn' of undefined 

我怎麼知道browserify有一個依賴？我是否需要使用browserify-shim或者是否有其他方法？

我包括：

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

我還使用browserify，墊片，但現在得到同樣的錯誤。這是什麼在我的package.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": "$" 
    } 
    }