2017-05-03 13 views
0

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.

Antwort

0

Greifen Sie auf alle Variablen im Fenster zu. Versuchen Sie:

window.blueimp 
+0

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

+0

Danke für das Update. Schön, dass es geklappt hat! –

Verwandte Themen