Ich versuche, die Blueimp Gallery in Webpack zu verwenden. Die Blueimp-Galerie definiert eine globale Funktion blueimp
. Normalerweise kann man eine Galerie mit var x = blueimp.Gallery(...);
Zugriff auf vordefinierte globale Variable mit Webpack
erstellen. Wenn ich jedoch webpack verwende, wird das blueimp-Objekt von mir ausgeblendet.
importierte ich blueimp Gallery in meinem Haupt JS-Datei mit:
import 'blueimp-gallery/js/blueimp-gallery.min'; import 'blueimp-gallery/css/blueimp-gallery.min.css';
wenn ich versuche, blueimp
zuzugreifen, z.B. mit console.log(blueimp);
, erhalte ich ein:
Uncaught ReferenceError: blueimp is not defined
ich wahrscheinlich eine Art von Lader von predefination benötigen, wie ich mit jQuery tat:
window.$ = window.jQuery = require("jquery");
und in der webpack Config js
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
Aber egal wie ich versuche, require(anything blueimp);
und/oder ein ProvidePlugin zu konfigurieren, wird Blueimp nicht sichtbar sein.
Was fehlt mir?
This question ist total nicht mein Problem zu lösen. Ich erstelle keine eigenen Module, ich möchte das Modul verwenden, das ich über npm heruntergeladen habe.
Super! 'Import 'blueimp-gallery/js/blueimp-gallery.min' entfernen;' und das Hinzufügen von 'window.blueimp = erfordern ("blueimp-gallery/js/blueimp-gallery.min");' während Der Zugriff auf 'window.blueimp()' anstatt auf 'blueip.Gallery()' zuzugreifen, hat den Trick gemacht! – Sean
Danke für das Update. Schön, dass es geklappt hat! –