Ensure esm module loader is used to import vite

chialab · May 2, 2024 · 2153609 · 2153609
1 parent c1a2a84
commit 2153609
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/.changeset/forty-queens-suffer.md b/.changeset/forty-queens-suffer.md
@@ -0,0 +1,5 @@
+---
+"@chialab/storybook-dna-vite": patch
+---
+
+Ensure esm module loader is used to import vite.
diff --git a/packages/storybook-dna-vite/src/preset.ts b/packages/storybook-dna-vite/src/preset.ts
@@ -2,7 +2,6 @@ import { dnaPlugins } from '@chialab/manifest-analyzer-dna-plugin';
 import { hmrPlugin } from '@chialab/vite-plugin-hmr-dna';
 import type { PresetProperty } from '@storybook/types';
 import remarkGfm from 'remark-gfm';
-import { mergeConfig } from 'vite';
 import customElementsManifestPlugin from './plugins/CustomElementsManifest';
 import type { StorybookConfig } from './types';
 
@@ -17,8 +16,10 @@ export const mdxLoaderOptions = {
     },
 };
 
-export const viteFinal: StorybookConfig['viteFinal'] = async (config) =>
-    mergeConfig(config, {
+export const viteFinal: StorybookConfig['viteFinal'] = async (config) => {
+    const { mergeConfig } = await import('vite');
+
+    return mergeConfig(config, {
         optimizeDeps: {
             exclude: ['@chialab/storybook-dna'],
             include: ['@storybook/docs-tools', '@storybook/preview-api', 'ts-dedent'],
@@ -31,3 +32,4 @@ export const viteFinal: StorybookConfig['viteFinal'] = async (config) =>
             }),
         ],
     });
+};