javascript – 使用Browserify与jQuery插件

一些简短的背景：我正在使用browserify和browserify-shim(和gulp来构建)来创建一个网络应用程序.在此之前,我需要从npm的 jquery,所以我没有问题.一旦我开始做一些优化,我意识到包含jQuery的捆绑包是多么的大.所以现在我从一个带有脚本标签的CDN中抓取jQuery,并将它放在bundle.js文件之前.但是我有问题,将jQuery声明为全局,并在browserify和browserify-shim中正确地调整了我的jQuery插件.当我运行gulp构建,我不断得到相同的错误：

[gulp] gulp-notify：[编译错误]模块“jquery”未找到“/Volumes/Chetan/Users/cshenoy/Projects/urbanstems-node/app/plugins/jquery.inview.js”

看起来像browserify-shim并不是拾起jQuery是一个全球性的.

作为参考,我使用inview plugin.

这是我的package.json与相关的部分

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

让我知道我可以包括什么来帮助诊断错误.

解决方法

原来你不需要在browserify-shim下声明每个jQuery插件,只要它依赖于jQuery.我只是删除了访问条目,一切正常.