build: add preserveDirectives plugin to preserve "use client" directi…

…ve in components
dream-aim-deliver · May 5, 2024 · bbbf416 · bbbf416
1 parent 4555afb
commit bbbf416
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -81,6 +81,7 @@
     "prettier": "^3.2.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rollup-plugin-preserve-directives": "^0.4.0",
     "storybook": "^8.0.8",
     "tailwind-merge": "^2.2.1",
     "tailwindcss": "^3.4.1",

diff --git a/vite.config.ts b/vite.config.ts
@@ -6,6 +6,7 @@ import { glob } from "glob";
 import { extname, relative } from "path";
 import { fileURLToPath } from "node:url";
 import { peerDependencies } from "./package.json";
+import preserveDirectives from "rollup-plugin-preserve-directives";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -95,6 +96,7 @@ export default defineConfig({
       output: {
         assetFileNames: "assets/[name][extname]",
         entryFileNames: "[name].js",
+        preserveModules: true,
         globals: {
           react: "React",
           "react-dom": "ReactDOM",
@@ -103,6 +105,7 @@ export default defineConfig({
           ...peerDependencies,
         },
       },
+      plugins: [preserveDirectives()],
     },
     target: "esnext",
     sourcemap: true,