chore: components 패키지 config 수정

packages/common/components/.storybook/main.ts

@@ -1,3 +1,5 @@
+import path from "path";
+import tsconfigPaths from "vite-tsconfig-paths";
 import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
@@ -13,12 +15,18 @@ const config: StorybookConfig = {
     name: "@storybook/react-vite",
     options: {},
   },
-  viteFinal: (config) => {
+  viteFinal: async (config) => {
     config.define = {
       "process.env.BASE_ASSETS_PATH": JSON.stringify(
         process.env.BASE_ASSETS_PATH,
       ),
     };
+    config.plugins?.push(
+      tsconfigPaths({
+        projects: [path.resolve(path.dirname(__dirname), "tsconfig.json")],
+      }),
+    );
+
     return config;
   },
 };

packages/common/components/package.json

@@ -27,6 +27,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
+    "@common/assets": "workspace:*",
     "@radix-ui/react-accordion": "^1.2.3",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-dropdown-menu": "^2.1.6",

packages/common/components/tsconfig.json

@@ -14,7 +14,8 @@
     "strict": true,
     "baseUrl": ".",
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["src/*"],
+      "@common/assets": ["../assets/dist"]
     }
   },
   "exclude": ["**/node_modules", "**/.*/*", "dist"],

packages/common/components/tsup.config.ts

@@ -17,4 +17,10 @@ export default defineConfig((options) => ({
   cssMinify: !options.watch,
   cssModules: true,
   postcss: true,
+  esbuildOptions(options) {
+    options.alias = {
+      "@/*": path.resolve(__dirname, "src/*"),
+      "@assets/*": path.resolve(__dirname, "public/assets/*"),
+    };
+  },
 }));