Dropzone和Webpack Encore

时间:2019-01-10 12:43:55

标签: symfony4 dropzone webpack-encore

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

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

assets / app.js 中,我需要放置区域:

'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 个答案:

答案 0 :(得分:1)

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

几个月前我遇到了问题,如果我没记错的话,那就是我的窍门。

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

在我的webPack中,我addEntry代表我的dropzone.js文件。

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