From 18aa41b9d2b81bef71411643fbf6c491f95d3f6f Mon Sep 17 00:00:00 2001
From: owjs3901 <owjs3901@naver.com>
Date: Thu, 20 Feb 2025 14:22:16 +0900
Subject: [PATCH] Fix extract issue

---
 .changeset/open-hotels-dress.md                   |  5 +++++
 packages/vite-plugin/src/__tests__/plugin.test.ts |  9 +++++++++
 packages/vite-plugin/src/plugin.ts                | 11 +++++++----
 3 files changed, 21 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/open-hotels-dress.md

diff --git a/.changeset/open-hotels-dress.md b/.changeset/open-hotels-dress.md
new file mode 100644
index 00000000..2a644015
--- /dev/null
+++ b/.changeset/open-hotels-dress.md
@@ -0,0 +1,5 @@
+---
+"@devup-ui/vite-plugin": patch
+---
+
+Fix extract issue
diff --git a/packages/vite-plugin/src/__tests__/plugin.test.ts b/packages/vite-plugin/src/__tests__/plugin.test.ts
index d0d1d8f1..9517e2ca 100644
--- a/packages/vite-plugin/src/__tests__/plugin.test.ts
+++ b/packages/vite-plugin/src/__tests__/plugin.test.ts
@@ -322,6 +322,15 @@ describe('devupUIPlugin', () => {
           .config()
           .build.rollupOptions.output.manualChunks('devup-ui.css?v=1', 'code'),
       ).toEqual('devup-ui.css')
+
+      const plugin1 = DevupUI({
+        package: libPackage,
+        cssFile,
+        devupPath,
+        interfacePath,
+        extractCss: false,
+      })
+      expect((plugin1 as any).config().build).toBeUndefined()
     })
     it('should resolveId', () => {
       expect((plugin as any).resolveId('code', 'code')).toBeUndefined()
diff --git a/packages/vite-plugin/src/plugin.ts b/packages/vite-plugin/src/plugin.ts
index b4d748d2..e6ff5407 100644
--- a/packages/vite-plugin/src/plugin.ts
+++ b/packages/vite-plugin/src/plugin.ts
@@ -8,7 +8,7 @@ import {
   registerTheme,
   setDebug,
 } from '@devup-ui/wasm'
-import { normalizePath, type PluginOption } from 'vite'
+import { normalizePath, type PluginOption, type UserConfig } from 'vite'
 
 export interface DevupUIPluginOptions {
   package: string
@@ -69,13 +69,15 @@ export function DevupUI({
   return {
     name: 'devup-ui',
     config() {
-      return {
+      const ret: Omit<UserConfig, 'plugins'> = {
         server: {
           watch: {
             ignored: [`!${devupPath}`],
           },
         },
-        build: {
+      }
+      if (extractCss) {
+        ret['build'] = {
           rollupOptions: {
             output: {
               manualChunks(id) {
@@ -86,8 +88,9 @@ export function DevupUI({
               },
             },
           },
-        },
+        }
       }
+      return ret
     },
     apply() {
       return true