wip

Author: jgile

demo/js/app.js

@@ -4,13 +4,13 @@
     "private": false,
     "description": "Vue.js component to handle CSV uploads with field mapping.",
     "author": "John Gile <[email protected]>",
-    "main": "dist/vue-csv-import.umd.js",
-    "unpkg": "dist/vue-csv-import.umd.min.js",
+    "main": "dist/vue-csv-import.esm.js",
+    "unpkg": "dist/vue-csv-import.umd.js",
     "scripts": {
         "serve": "vue-cli-service serve",
-        "build": "vue-cli-service build --target lib ",
-        "build:demo": "vue-cli-service build --mode dev --public-path '/vue-csv-import' --dest ./demo",
-        "test": "vue-cli-service test:unit"
+        "build": "rollup -c",
+        "build:demo": "rollup -w",
+        "test": "jest"
     },
     "dependencies": {
         "axios": "^0.21.1",
@@ -27,6 +27,9 @@
         "@vue/compiler-sfc": "^3.0.4",
         "@vue/test-utils": "^2.0.0-0",
         "core-js": "^3.6.5",
+        "rollup": "^2.52.0",
+        "rollup-plugin-terser": "^7.0.2",
+        "rollup-plugin-vue": "^6.0.0",
         "typescript": "~3.9.3",
         "vue": "^3.0.4",
         "vue-jest": "^5.0.0-0"

demo/js/chunk-vendors.js

@@ -0,0 +1,37 @@
+import vue from 'rollup-plugin-vue';
+import {terser} from 'rollup-plugin-terser';
+
+export default [
+    {
+        input: 'src/index.js',
+        output: {
+            format: 'cjs',
+            file: 'dist/vue-csv-import.cjs.js'
+        },
+        plugins: [
+            vue(),
+            terser()
+        ]
+    },{
+        input: 'src/index.js',
+        output: {
+            format: 'esm',
+            file: 'dist/vue-csv-import.esm.js'
+        },
+        plugins: [
+            vue(),
+            terser()
+        ]
+    },{
+        input: 'src/index.js',
+        output: {
+            format: 'umd',
+            name: 'vue-csv-import',
+            file: 'dist/vue-csv-import.umd.js'
+        },
+        plugins: [
+            vue(),
+            terser()
+        ]
+    }
+]

package-lock.json

@@ -1,7 +1,7 @@
 import {createApp} from "vue";
 import App from "./App.vue";
 import "./index.css";
-import {VueCsvImportPlugin} from "./index.js";
+import {VueCsvImportPlugin} from "../dist/vue-csv-import.umd.js";
 
 createApp(App)
     .use(VueCsvImportPlugin)