如何使用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",
}