fix(storybook): add aliases from vite config to storybook
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user