如何让Magnific Popup与Browserify一起使用

Question

我正在努力让Magnific Popup与Browserify一起工作，我似乎无法让它工作。我对Browserify设置没有深入的了解。 我一直得到的是以下错误：

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

任何帮助都会感激不尽！

谢谢， 汤姆

Answer 1

我尝试了所有可能的dist文件 - 即使是垫片。我最终意识到它所包含的代码（参见Gruntfile.js）使它与Gulp和Browserify不兼容。而是按顺序连接（手动或使用Gulp）src / js文件夹中的文件：

<强> core.js

<强> inline.js

<强> ajax.js

<强> image.js

<强> zoom.js

<强> iframe.js

<强> gallery.js

<强> retina.js

它会起作用。如果您需要，我已在此处打包最新版本的文件：https://github.com/texelate/magnificPopupGulpBrowserify/blob/master/README.md

Answer 2

您可以使用browserify-shim

npm install browserify-shim --save-dev

的package.json

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