fix(build): resolves umd mime issue

bent10 · bent10 · commit 722a0b2d5b8a · 2023-10-20T14:47:51.000+07:00
diff --git a/index.html b/index.html
@@ -10,9 +10,10 @@
   <body>
     <h1>Open your browser console to see the result!</h1>
 
-    <script type="module">
-      import parseAttrs from "https://cdn.jsdelivr.net/npm/attributes-parser/+esm"
-
+    <script src="https://cdn.jsdelivr.net/npm/moo/moo.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/json-loose/dist/index.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/attributes-parser/dist/index.umd.js"></script>
+    <script>
       const attr = `id="my-id" class='my-class' num=3.14 numNeg=-3.14 data-num="3.14" options=\'{"key": "value", "array": [1, 2, 3]}\' data-list="[1, 2, 3]" punc="a=b,c,d,e" checked=false checked=false data-checked="false" disabled`
       const parsedAttr = parseAttrs(attr)
 
diff --git a/package.json b/package.json
@@ -26,14 +26,14 @@
     "markdown"
   ],
   "type": "module",
-  "main": "dist/index.cjs",
-  "browser": "dist/index.umd.cjs",
-  "module": "dist/index.js",
+  "main": "dist/index.cjs.js",
+  "browser": "dist/index.umd.js",
+  "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
       "types": "./dist/index.d.ts"
     }
   },
diff --git a/readme.md b/readme.md
@@ -14,11 +14,11 @@ yarn add attributes-parser
 
 Alternatively, you can also include this module directly in your HTML file from [CDN](https://www.jsdelivr.com/package/npm/attributes-parser?tab=files&path=dist):
 
-```html
-<script type="module">
-  import parseAttrs from 'https://cdn.jsdelivr.net/npm/attributes-parser/+esm'
-</script>
-```
+| Type | URL                                                                |
+| :--- | :----------------------------------------------------------------- |
+| ESM  | `https://cdn.jsdelivr.net/npm/attributes-parser/+esm`              |
+| CJS  | `https://cdn.jsdelivr.net/npm/attributes-parser/dist/index.cjs.js` |
+| UMD  | `https://cdn.jsdelivr.net/npm/attributes-parser/dist/index.umd.js` |
 
 ## Usage
 
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,18 +1,20 @@
 /// <reference types="vitest" />
-import { resolve } from 'node:path'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
   build: {
     lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
+      entry: 'src/index.ts',
       name: 'parseAttrs',
       formats: ['es', 'cjs', 'umd'],
       fileName: 'index'
     },
     rollupOptions: {
       external: ['json-loose', 'moo'],
-      output: { globals: { 'json-loose': 'jsonLoose', moo: 'moo' } }
+      output: {
+        globals: { 'json-loose': 'jsonLoose', moo: 'moo' },
+        entryFileNames: '[name].[format].js'
+      }
     }
   },
   test: {
