javascript – 使用Browserify与jQuery插件

前端之家收集整理的这篇文章主要介绍了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.我只是删除了访问条目,一切正常.

猜你在找的jQuery相关文章