From c74c5e8df07455ad49111b1a26471d8b19a517af Mon Sep 17 00:00:00 2001
From: jihea-park <jihea.park@navercorp.com>
Date: Tue, 4 Feb 2025 17:32:20 +0900
Subject: [PATCH] [#noissue] Change build tool from tsup to vite@4.4.5

---
 .../src/main/v3/packages/ui/package.json      |  8 ++--
 .../src/main/v3/packages/ui/vite.config.ts    | 39 +++++++++++++++++++
 2 files changed, 43 insertions(+), 4 deletions(-)
 create mode 100644 web-frontend/src/main/v3/packages/ui/vite.config.ts

diff --git a/web-frontend/src/main/v3/packages/ui/package.json b/web-frontend/src/main/v3/packages/ui/package.json
index e6ad54a533cf..e534e2e655d3 100644
--- a/web-frontend/src/main/v3/packages/ui/package.json
+++ b/web-frontend/src/main/v3/packages/ui/package.json
@@ -12,14 +12,14 @@
       "types": "./dist/index.d.ts"
     },
     "./**": "./dist/index.js",
-    "./dist/pinpoint-fe-common-ui.css": "./dist/index.css",
+    "./dist/pinpoint-fe-common-ui.css": "./dist/style.css",
     "./tailwind.config.js": "./tailwind.config.js"
   },
   "scripts": {
     "format": "prettier --write \"./src/**/*.{js,jsx,ts,tsx}\"",
-    "dev": "tsup --config ./tsup.config.dev.ts --watch",
-    "devBuild": "tsup --config ./tsup.config.dev.ts",
-    "build": "yarn format && yarn lint && tsc && tsup --config ./tsup.config.prod.ts",
+    "dev": "vite build --watch",
+    "devBuild": "vite build",
+    "build": "yarn format && yarn lint && tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
diff --git a/web-frontend/src/main/v3/packages/ui/vite.config.ts b/web-frontend/src/main/v3/packages/ui/vite.config.ts
new file mode 100644
index 000000000000..8c5e3dda8e9b
--- /dev/null
+++ b/web-frontend/src/main/v3/packages/ui/vite.config.ts
@@ -0,0 +1,39 @@
+import path from 'path';
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react-swc';
+import dts from 'vite-plugin-dts';
+
+export default defineConfig({
+  plugins: [react(), dts()],
+  resolve: {
+    alias: {
+      '@pinpoint-fe/ui': path.resolve(__dirname, 'src'),
+    },
+  },
+  build: {
+    lib: {
+      entry: './src/index.ts',
+      name: 'index',
+      formats: ['es'],
+      fileName: () => `index.js`,
+    },
+    rollupOptions: {
+      external: [
+        'react',
+        'react-dom',
+        'react-router-dom',
+        'jotai',
+        'i18next',
+        'react-i18next',
+        'tailwindcss',
+        'tailwindcss-animate',
+        'tailwind-scrollbar-hide',
+        'swr',
+        '@tanstack/react-query',
+      ],
+      output: {
+        dir: 'dist',
+      },
+    },
+  },
+});