From 50c7511698ce430f3c31fcd4a9d0a2e7c6eb1228 Mon Sep 17 00:00:00 2001 From: Ilia Mashkov Date: Sun, 18 Jan 2026 19:24:11 +0300 Subject: [PATCH] fix(storybook): add aliases from vite config to storybook --- .storybook/main.ts | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/.storybook/main.ts b/.storybook/main.ts index 8f8d617..78cd878 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -1,4 +1,16 @@ import type { StorybookConfig } from '@storybook/svelte-vite'; +import { + dirname, + resolve, +} from 'path'; +import { fileURLToPath } from 'url'; +import { + loadConfigFromFile, + mergeConfig, +} from 'vite'; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = dirname(__filename); const config: StorybookConfig = { 'stories': [ @@ -18,5 +30,17 @@ const config: StorybookConfig = { '@storybook/addon-docs', ], 'framework': '@storybook/svelte-vite', + async viteFinal(config) { + // This attempts to find your actual vite.config.ts + const { config: userConfig } = await loadConfigFromFile( + { command: 'serve', mode: 'development' }, + resolve(__dirname, '../vite.config.ts'), + ) || {}; + + return mergeConfig(config, { + // Merge only the resolve/alias parts if you want to be safe + resolve: userConfig?.resolve || {}, + }); + }, }; export default config;