[#noissue] Change build tool from tsup to vite@4.4.5

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",

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',
+      },
+    },
+  },
+});