Fix tree-shaking of Circuit UI (#2185)

sumup-oss · Jul 15, 2023 · cf5e82f · cf5e82f
1 parent 4b7dd4d
commit cf5e82f
Show file tree

Hide file tree

Showing 4 changed files with 83 additions and 18 deletions.
diff --git a/.changeset/afraid-plums-draw.md b/.changeset/afraid-plums-draw.md
@@ -0,0 +1,5 @@
+---
+'@sumup/circuit-ui': patch
+---
+
+Fixed tree-shaking by retaining the original file structure in the build output.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/circuit-ui/package.json b/packages/circuit-ui/package.json
@@ -64,7 +64,8 @@
     "react-swipeable": "^7.0.0",
     "typescript": "^5.0.4",
     "typescript-plugin-css-modules": "^5.0.1",
-    "vite": "^4.3.4"
+    "vite": "^4.3.4",
+    "vite-plugin-no-bundle": "^2.0.2"
   },
   "peerDependencies": {
     "@emotion/is-prop-valid": "1.x",

diff --git a/packages/circuit-ui/vite.config.ts b/packages/circuit-ui/vite.config.ts
@@ -17,6 +17,7 @@ import crypto from 'node:crypto';
 import path from 'node:path';
 
 import { UserConfig, defineConfig } from 'vite';
+import noBundlePlugin from 'vite-plugin-no-bundle';
 
 import {
   dependencies,
@@ -79,6 +80,11 @@ export default defineConfig({
       ],
     },
   },
+  plugins: [
+    // @ts-expect-error vite-plugin-no-bundle is bundled in a non-standard way.
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+    (noBundlePlugin.default || noBundlePlugin)({ root: './' }),
+  ],
   test: {
     globals: true,
     environment: 'jsdom',