Как использовать Dropzone в моем приложении Laravel с Gulp / Require?

Question

У меня есть приложение Laravel, и я буду использовать внешнюю библиотеку JavaScript, DropzoneJS. Я использую Gulp для создания одного файла app.js.

Это мой простой gulpfile.js:

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

Мой первый шаг: установить Dropzone с npm install dropzone

Мой второй шаг - включить dropzone в мой файл app.js:

//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.
});

Теперь я бегу глотком. Теперь я вижу, что Dropzone включена в мой файл app.js.

Но почему я запускаю свой сайт, я получаю эту ошибку:-(

Dropzone is not defined (in app.js)

Как я могу использовать этот метод Dropzone в моем $(function(){ }) или встроенном на моем сайте?

Answer 1

require('./bootstrap');

window.Dropzone = require('dropzone');

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

Это должно работать.