使用Browserify和jQuery插件

Question

一些简短的背景：我使用browserify和browserify-shim（和gulp to build）来创建一个Web应用程序。在这个问题之前，我是require来自npm的jquery，所以我没有任何问题。一旦我开始进行一些优化，我就意识到包含jQuery的程度有多大。所以现在我从带有脚本标签的CDN抓取jQuery并将其放在bundle.js文件之前。但是我在将jQuery声明为全局并且在browserify和browserify-shim中正确填充我的jQuery插件时遇到了问题。当我运行gulp进行构建时，我不断收到同样的错误：

[gulp] gulp-notify: [Compile Error] module "jquery" not found from "/Volumes/Chetan/Users/cshenoy/Projects/urbanstems-node/app/plugins/jquery.inview.js"

似乎浏览器shim并没有认识到jQuery是全球性的。

供参考，我使用inview plugin。

这是我的package.json及其相关部分

"browser": {
  "inview": "./app/plugins/jquery.inview.js"
},
"browserify-shim": {
  "jquery": "global:jQuery",
  "inview": {
    "depends": [
      "jquery"
    ]
  }
}

让我知道我还可以包含哪些内容来帮助诊断错误。

Answer 1

事实证明，如果只依赖于jQuery，则不需要在browserify-shim下声明每个jQuery插件。我刚刚删除了inview条目，一切正常。