如何在我的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. 
}); 

现在我运行吞噬。现在我看到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" 
    }); 
}); 

这应该工作