私のLaravelアプリでDropzoneをGulp/Requireで使うには？

Question

私はLaravelアプリを持っており、私は外部のJavaScriptライブラリDropzoneJSを使用します。 私はGulpを使用して1つのapp.jsファイルを生成します。

これは私の簡単なgulpfile.jsです：

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

私の最初のステップ：

： npm install 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. 
}); 

gulpを実行しました。今、Dropzoneが私のapp.jsファイルに含まれていることがわかります。

しかし、私は私のウェブサイトを実行して、なぜ私は私のウェブサイトでこのドロップゾーンの私の$のメソッド（関数（）{}）またはインラインを使用するにはどうすればよい

Dropzone is not defined (in app.js) 

:-(このエラーが出る？

Answer 1

require('./bootstrap'); 

window.Dropzone = require('dropzone'); 

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

これがうまくいくはずです。