fix webpack and vue-cli import: add exports field to package.json

Author: shrpne

.gitignore

@@ -1,4 +1,5 @@
-/dist/
+/dist/*
+!/dist/package.json
 
 node_modules/
 yarn.lock

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 2.1.3 - 2023-02-07
+- Fix Webpack and vue-cli import
+
 ## 2.1.2 - 2023-02-04
 - Fix <title> position: prepend instead of append (#48)
 - Fix `transformSource` .d.ts types (in #50)

dist/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package.json

@@ -1,8 +1,17 @@
 {
   "name": "vue-inline-svg",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "Replace SVG images with inline SVG element",
   "type": "module",
+  "exports": {
+    ".": {
+      "module": "./src/index.js",
+      "import": "./src/index.js",
+      "types": "./types/index.d.ts",
+      "default": "./dist/vue-inline-svg.js"
+    },
+    "./*": "./*"
+  },
   "main": "dist/vue-inline-svg.js",
   "module": "src/index.js",
   "browser": "dist/vue-inline-svg.js",

rollup.conf.js

@@ -15,23 +15,18 @@ export default [
                 name: 'VueInlineSvg',
             },
             // {
-            //     format: 'es',
-            //     file: 'dist/vue-inline-svg.esm.js',
+            //     format: 'cjs',
+            //     file: 'dist/vue-inline-svg.cjs',
             // },
-        ],
-    },
-    {
-        input: 'src/index.js',
-        plugins: [
-            babel(),
-            terser(),
-        ],
-        output: [
             {
                 format: 'umd',
                 file: 'dist/vue-inline-svg.min.js',
                 name: 'VueInlineSvg',
-            }
-        ]
-    }
+                globals: {vue: 'Vue'},
+                plugins: [
+                    terser(),
+                ],
+            },
+        ],
+    },
 ]