javascript - Browserify 与 jQuery 插件

Question

我正在尝试让一些 jQuery 插件与 browserify 一起工作。我的 package.json 设置如下:

  "browser": {
    "jquery": "./client/js/vendors/jquery-2.2.2.min.js",
    "jquery-validation": "./client/js/vendors/jquery.validate.js"
  },
  "browserify-shim": {
    "jquery": "global:$"
  },

但是，当我 require('jquery-validation') 时，我得到 cannot read property fn of undefined 因为它与这个插件相关。我也在尝试拥有它，这样 $ 将是全局的，因为它在所有地方都被使用，而不必要求它。

我看过很多不同的文章和配置，但似乎没有任何效果。

如有任何建议或澄清，我们将不胜感激。

编辑:

我有时也会得到 Uncaught Error: Cannot find module 'jquery'

Answer 1

1. 你不需要 shim jquery，它与 node yoo 兼容可以简单地使用 npm install jquery --save 安装它并制作 var $= require("jquery") 在你的代码中。
2. 你确实需要 shim jquery.validate。

package.json:

{  
   "browser":{  
      "jquery-validation":"./node_modules/jquery-validation/dist/jquery.validate.js"
   },
   "browserify-shim":{  
      "jquery-validation":{  
         "depends":[  
            "jquery:jQuery"
         ]
      }
   },
   "browserify":{  
      "transform":[  
         "browserify-shim"
      ]
   },
   "dependencies":{  
      "jquery":"^2.0.0",
      "jquery-validation":"^1.15.1"
   }
}

注意:jquery.validate 依赖于 jQuery 2.0 版本^(你可以在 jquery-validation 的 npm 包的 package.json 文件中看到)所以你必须在你的项目中设置对 jquery ^2.0 的依赖，否则 jquery-validation 将加载他自己的 jQuery 版本，集成将不起作用。