Javascript 如何使用Browserify获得放大弹出窗口

我试图让放大弹出窗口与Browserify一起工作，但我似乎无法让它工作。我对Browserify设置没有深入的了解。 我一直得到的是以下错误：

Uncaught TypeError: cache.$btn_enlarge.magnificPopup is not a function

任何帮助都将受到感激

谢谢， 汤姆

你可以用

package.json

"browserify": {
  "transform": ["browserify-shim"]
},
"browserify-shim": {
  "./path/to/magnific-popup.js": "magnific-popup",
}

---

我尝试了一切可能的dist文件-甚至与垫片。我最终意识到它所包装的代码（参见Gruntfile.js）使它与Gulp和Browserify不兼容。而是（手动或通过Gulp）按以下顺序处理src/js文件夹中的文件：

core.js

inline.js

ajax.js

image.js

zoom.js

iframe.js

gallery.js

retina.js

---

那就行了。如果您需要，我已经在这里打包了最新版本的文件：

如何将magnific-popup.js添加到项目中？magnific-popup已通过NPM添加，并使用以下方式包含：

modal=require（'magnific-popup'））

你确定你在之前初始化了jQuery并且缓存了吗。$btn_放大了是一个jQuery元素吗？是的，整个模块是：'/#Begin banner.js var$=require（'jQuery'）、modal=require（'magnific-popup'）、cache=require（'./cache'）；函数init（）{uiBinding（）；}函数uiBinding（）{cache.$btn_放大.放大弹出（{preload:true，items:{src:$（this）.parent（）.find（'img'）.attr（'src'）}，键入：'image'，回调：{open function（）{}}module exports=function（）{return init（）；}；//#End banner.js’是

$（文档）。准备好了吗？你什么时候调用这个模块？
"browserify": {
  "transform": ["browserify-shim"]
},
"browserify-shim": {
  "./path/to/magnific-popup.js": "magnific-popup",
}