feat: add IIFE and ESM browser builds (#1024)

skirtles-code · web-flow · commit 62fe5ba36b70 · 2026-02-04T17:10:01.000+08:00
diff --git a/packages/devtools-api/package.json b/packages/devtools-api/package.json
@@ -18,6 +18,8 @@
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
+  "unpkg": "dist/vue-devtools-api.global.js",
+  "jsdelivr": "dist/vue-devtools-api.global.js",
   "files": [
     "dist"
   ],
diff --git a/packages/devtools-api/tsdown.config.ts b/packages/devtools-api/tsdown.config.ts
@@ -1,15 +1,48 @@
 import { defineConfig } from 'tsdown'
 
-export default defineConfig({
-  entryPoints: [
-    'src/index.ts',
-  ],
+const baseConfig = defineConfig({
+  entry: 'src/index.ts',
   external: [
     'vue',
   ],
-  clean: true,
-  format: ['esm', 'cjs'],
-  dts: true,
   shims: true,
   hash: false,
 })
+
+const esmBundlerConfig = defineConfig({
+  ...baseConfig,
+  format: 'esm',
+  dts: true,
+})
+
+const cjsConfig = defineConfig({
+  ...baseConfig,
+  format: 'cjs',
+  dts: true,
+})
+
+const iifeConfig = defineConfig({
+  ...baseConfig,
+  format: 'iife',
+  noExternal: ['@vue/devtools-kit'],
+  outputOptions: {
+    name: 'VueDevToolsApi',
+    entryFileNames: 'vue-devtools-api.global.js',
+  },
+})
+
+const esmBrowserConfig = defineConfig({
+  ...baseConfig,
+  format: 'esm',
+  noExternal: ['@vue/devtools-kit'],
+  outputOptions: {
+    entryFileNames: 'vue-devtools-api.esm-browser.js',
+  },
+})
+
+export default [
+  esmBundlerConfig,
+  cjsConfig,
+  iifeConfig,
+  esmBrowserConfig,
+]
