如何使用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-shim，但得到了同样的错误。这是我的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": "$"
    }
  }