fix(storybook): add aliases from vite config to storybook

This commit is contained in:
Ilia Mashkov
2026-01-18 19:24:11 +03:00
parent 993c63a39d
commit 50c7511698

View File

@@ -1,4 +1,16 @@
import type { StorybookConfig } from '@storybook/svelte-vite'; 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 = { const config: StorybookConfig = {
'stories': [ 'stories': [
@@ -18,5 +30,17 @@ const config: StorybookConfig = {
'@storybook/addon-docs', '@storybook/addon-docs',
], ],
'framework': '@storybook/svelte-vite', '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; export default config;