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

安装Dropzone

我的第二步是＆＃34;包括＆＃34; 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)

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

这应该有效。

如何使用Gulp / Require在我的Laravel应用程序中使用Dropzone？

1 个答案: