Dropzone 和 webpack 再演一次 [英] Dropzone and webpack encore

问题描述

我正在尝试将 dropzone 集成到我的 Symfony 4.1 项目中，但遇到了麻烦.

I'm trying and integration of dropzone in my Symfony 4.1 project, but I'm in trouble.

我通过 npm 将 dropzone 添加到我的项目中:npm install dropzone.

I add dropzone to my project via npm: npm install dropzone.

在 assets/app.js 中，我需要 dropzone:

In assets/app.js, I require dropzone:

'use strict';

require('../css/app.css');

// create global $ and jQuery variables
import('jquery');

require('bootstrap');

require('@fortawesome/fontawesome-free/css/all.min.css');
require('@fortawesome/fontawesome-free/js/all.js');
require('dropzone/dist/min/dropzone.min.js');

require('./main.js');  // assets/js/main.js

在 main.js 中，我只是尝试添加该函数:

In main.js, I just try to add that function:

Dropzone.autoDiscover = false;

一旦我尝试为 dropzone 进行一些配置，我的浏览器控制台就会发疯:未定义 Dropzone.

As soon as I try to make some configuration for dropzone, my browser console is going crazy: Dropzone is not defined.

我在问自己这里有什么问题.

I'm asking myself what's wrong here.

谢谢你的帮助！

推荐答案

尝试这样做 window.Dropzone = require('dropzone/dist/min/dropzone.min');

几个月前我遇到了这个问题，如果我没记错的话，这对我来说就是诀窍.

I had the problem some months ago, and if I remember correctly, that's what did the trick for me.

就我而言，我有一个 dropzone.js，它 require Dropzone css/js，以及我的文件 dropzone-upload.js.然后在我的 dropzone-upload.js 中我可以使用 Dropzone.autoDiscover = false; 就好了.

In my case, I have a dropzone.js that require Dropzone css/js, and my file dropzone-upload.js. Then in my dropzone-upload.js I can use Dropzone.autoDiscover = false; just fine.

在我的 webPack 中，我为我的 dropzone.js 文件addEntry.

In my webPack, I addEntry for my dropzone.js file.

    ...
    //file upload with dropzone
    .addEntry('dropzone', './assets/js/dropzone.js')
    ...

这篇关于Dropzone 和 webpack 再演一次的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！