Wie benutze Dropzone in meiner Laravel App mit Gulp/Require?

Question

Ich habe eine Laravel App und ich benutze eine externe Javascript Bibliothek, DropzoneJS. Ich verwende Gulp zum Generieren von 1 single app.js Datei.

Dies ist meine einfache gulpfile.js:

// gulpfile.js  
var elixir = require('laravel-elixir'); 
require("laravel-elixir-webpack"); 
elixir(function(mix) { 
    mix.webpack('app.js'); 
}); 

Mein erster Schritt: Installieren von Dropzone mit npm install dropzone

Meinem zweiten Schritt ist die "include" Dropzone zu meiner app.js Datei:

//app.js 
require('./bootstrap'); 
require('dropzone'); 

$(function() { 

    // Here the default dropzone code: 
    var myDropzone = new Dropzone(document.body, { 
     url: "/target-url", // Set the url 
     // etc. 
}); 

Jetzt laufe ich gulp. Jetzt sehe ich, dass Dropzone in meiner app.js-Datei enthalten ist.

Aber warum ich meine Website laufen bekomme ich diesen Fehler :-(

Dropzone is not defined (in app.js) 

Wie kann ich diese Methode in Dropzone my $ verwenden (function() {}) oder inline in meiner Website?

Answer 1

require('./bootstrap'); 

window.Dropzone = require('dropzone'); 

$(function() { 
    // Here the default dropzone code: 
    var myDropzone = new Dropzone(document.body, { 
     url: "/target-url" 
    }); 
}); 

Das sollte funktionieren.