如何在具有Gulp / Require的Laravel应用中使用Dropzone？

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');
});

我的第一步：使用以下命令安装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)

如何在我的$（function（）{}）中或网站中内联使用此Dropzone方法？

Answer 1

require('./bootstrap');

window.Dropzone = require('dropzone');

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

这应该工作。