如何使用Browserify使Magnific Popup工作

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",
}