[plugin-code-exporter/plugin-explorer]: exclude peer dependencies and…

… dependencies from bundle (#3229)
graphql · Jun 17, 2023 · 0a65e72 · 0a65e72
1 parent 67bf93a
commit 0a65e72
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 8 deletions.
diff --git a/.changeset/little-stingrays-sin.md b/.changeset/little-stingrays-sin.md
@@ -0,0 +1,6 @@
+---
+'@graphiql/plugin-code-exporter': patch
+'@graphiql/plugin-explorer': patch
+---
+
+exclude peer dependencies and dependencies from bundle
diff --git a/packages/graphiql-plugin-code-exporter/package.json b/packages/graphiql-plugin-code-exporter/package.json
@@ -7,8 +7,8 @@
     "directory": "packages/graphiql-plugin-code-exporter"
   },
   "author": "LekoArts",
-  "main": "dist/graphiql-plugin-code-exporter.cjs.js",
-  "module": "dist/graphiql-plugin-code-exporter.es.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
   "types": "types/index.d.ts",
   "license": "MIT",
   "keywords": [

diff --git a/packages/graphiql-plugin-code-exporter/vite.config.ts b/packages/graphiql-plugin-code-exporter/vite.config.ts
@@ -1,18 +1,23 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import packageJSON from './package.json';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react({ jsxRuntime: 'classic' })],
   build: {
     lib: {
       entry: 'src/index.tsx',
-      fileName: 'graphiql-plugin-code-exporter',
+      fileName: 'index',
       name: 'GraphiQLPluginCodeExporter',
       formats: ['cjs', 'es', 'umd'],
     },
     rollupOptions: {
-      external: ['graphql', 'react', 'react-dom'],
+      external: [
+        // Exclude peer dependencies and dependencies from bundle
+        ...Object.keys(packageJSON.peerDependencies),
+        ...Object.keys(packageJSON.dependencies),
+      ],
       output: {
         chunkFileNames: '[name].[format].js',
         globals: {

diff --git a/packages/graphiql-plugin-explorer/package.json b/packages/graphiql-plugin-explorer/package.json
@@ -6,8 +6,8 @@
     "url": "https://github.com/graphql/graphiql",
     "directory": "packages/graphiql-plugin-explorer"
   },
-  "main": "dist/graphiql-plugin-explorer.cjs.js",
-  "module": "dist/graphiql-plugin-explorer.es.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
   "types": "types/index.d.ts",
   "license": "MIT",
   "keywords": [

diff --git a/packages/graphiql-plugin-explorer/vite.config.ts b/packages/graphiql-plugin-explorer/vite.config.ts
@@ -1,18 +1,23 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import packageJSON from './package.json';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react({ jsxRuntime: 'classic' })],
   build: {
     lib: {
       entry: 'src/index.tsx',
-      fileName: 'graphiql-plugin-explorer',
+      fileName: 'index',
       name: 'GraphiQLPluginExplorer',
       formats: ['cjs', 'es', 'umd'],
     },
     rollupOptions: {
-      external: ['@graphiql/react', 'graphql', 'react', 'react-dom'],
+      external: [
+        // Exclude peer dependencies and dependencies from bundle
+        ...Object.keys(packageJSON.peerDependencies),
+        ...Object.keys(packageJSON.dependencies),
+      ],
       output: {
         chunkFileNames: '[name].[format].js',
         globals: {