Dropzone 和 webpack 安可

Posted 2023-05-08

【中文标题】Dropzone 和 webpack 安可

【英文标题】：Dropzone and webpack encore

【发布时间】：2019-06-05 08:13:15

【问题描述】：

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

我通过 npm 将 dropzone 添加到我的项目中：npm install dropzone。

在 assets/app.js 中，我需要 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中，我只是尝试添加那个函数：

Dropzone.autoDiscover = false;

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

我问自己这里出了什么问题。

感谢您的帮助！

【参考方案1】：

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

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

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

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

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

【讨论】：

所以@Etshy 先生...非常感谢！我只是在我的 main.js 中添加了window.Dropzone = require('dropzone/dist/min/dropzone.min');，我不再有问题了。我承认......所有这些 webpac-encore 有时让我感到困惑：/