ES6 module distribution build and typescript typing information.

index.d.ts

@@ -0,0 +1,48 @@
+import Vue, { Component } from 'vue'
+
+export default class VueDropZone extends Vue {
+
+}
+
+
+
+export interface DropZoneOptions {
+    url?: string | null;
+    method?: string;
+    withCredentials?: boolean;
+    timeout?: number;
+    parallelUploads?: number;
+    uploadMultiple?: boolean;
+    chunking?: boolean;
+    forceChunking?: boolean;
+    chunkSize?: number;
+    parallelChunkUploads?: boolean;
+    retryChunks?: boolean;
+    retryChunksLimit?: number;
+    maxFilesize?: number | null;
+    paramName?: string;
+    createImageThumbnails?: boolean;
+    maxThumbnailFilesize?: number;
+    thumbnailWidth?: number;
+    thumbnailHeight?: number;
+    thumbnailMethod?: string;
+    resizeWidth?: number | null;
+    resizeHeight?: number | null;
+    resizeMimeType?: string | null;
+    resizeQuality?: number;
+    resizeMethod?: string;
+    filesizeBase?: number;
+    maxFiles?: number | null;
+    headers?: null | {[h: string]: string};
+    clickable?: boolean | string | HTMLElement;
+    ignoreHiddenFiles?: boolean;
+    acceptedFiles?: null | string;
+    autoProcessQueue?: boolean;
+    autoQueue?: boolean;
+    addRemoveLinks?: boolean;
+    previewsContainer?: null | string | HTMLElement;
+    hiddenInputContainer?: null | string | HTMLElement;
+    capture?: null | 'camera' | 'microphone' | 'camcorder';
+    renameFile?: null | ((f: File) => void);
+    forceFallback?: boolean;
+}

package.json

@@ -9,6 +9,7 @@
   "version": "3.6.0",
   "license": "MIT",
   "main": "./dist/vue2Dropzone.js",
+  "module": "./dist/vue2Dropzone.esm.js",
   "repository": "[email protected]:rowanwins/vue-dropzone.git",
   "devDependencies": {
     "@babel/core": "^7.3.4",
@@ -46,7 +47,9 @@
     "webpack-dev-server": "^3.2.1"
   },
   "scripts": {
-    "build": "cross-env NODE_ENV=production rollup -c",
+    "build": "npm run build-umd; npm run build-esm",
+    "build-umd": "cross-env NODE_ENV=production output=umd rollup -c",
+    "build-esm": "cross-env NODE_ENV=production output=esm rollup -c",
     "build-docs": "npm run clean-docs && cross-env NODE_ENV=production webpack --mode production --progress --hide-modules",
     "clean-docs": "rimraf docs/dist",
     "dev": "rollup -c -w",
@@ -59,4 +62,4 @@
   "dependencies": {
     "dropzone": "^5.5.1"
   }
-}
+}

rollup.config.js

@@ -5,13 +5,25 @@ import replace from 'rollup-plugin-replace';
 import { terser } from "rollup-plugin-terser";
 import css from 'rollup-plugin-css-only'
 
+
+let format = 'umd';
+let output = 'dist/vue2Dropzone.js';
+if (process.env.output == 'esm') {
+    format = 'esm';
+    output = 'dist/vue2Dropzone.esm.js'
+}
+else {
+    // default to umd
+}
+
+
 export default {
   input: 'src/index.js',
   output: {
-    file: 'dist/vue2Dropzone.js',
+    file: output,
     name: 'vue2Dropzone',
     sourcemap: true,
-    format: 'umd',
+    format: format,
   },
   plugins: [
     resolve({