feat(config): viteIgnorePlugins

docs/reference/config.md

@@ -302,6 +302,20 @@ export default defineConfig({
 })
 ```
 
+## `viteIgnorePlugins`
+
+`string[]`
+
+List of Vite plugin names to exclude for Histoire.
+
+```ts
+export default defineConfig({
+  viteIgnorePlugins: [
+    'vite-plugin-svelte-kit',
+  ],
+})
+```
+
 ## `viteNodeTransformMode`
 
 `{ web?, ssr? }`

packages/histoire-shared/src/types/config.ts

@@ -154,6 +154,10 @@ export interface HistoireConfig {
    * Vite config override
    */
   vite?: ViteConfig | ((config: ViteConfig, env: ViteConfigEnv) => void | ViteConfig | Promise<void | ViteConfig>)
+  /**
+   * Remove those plugins from the Vite configuration
+   */
+  viteIgnorePlugins?: string[]
   /**
    * Transpile dependencies when collecting stories on Node.js
    */

packages/histoire/src/node/config.ts

@@ -129,6 +129,7 @@ export function getDefaultConfig (): HistoireConfig {
         },
       }
     },
+    viteIgnorePlugins: [],
   }
 }
 

packages/histoire/src/node/vite.ts

@@ -64,6 +64,25 @@ async function mergeHistoireViteConfig (viteConfig: InlineConfig, ctx: Context)
       viteConfig = mergeViteConfig(viteConfig, overrides)
     }
   }
+
+  let flatPlugins = []
+  if (viteConfig.plugins) {
+    for (const pluginOption of viteConfig.plugins) {
+      if (Array.isArray(pluginOption)) {
+        flatPlugins.push(...await Promise.all(pluginOption))
+      } else {
+        flatPlugins.push(await pluginOption)
+      }
+    }
+    flatPlugins = flatPlugins.filter(Boolean)
+  }
+
+  if (ctx.config.viteIgnorePlugins) {
+    flatPlugins = flatPlugins.filter(plugin => !ctx.config.viteIgnorePlugins.includes(plugin.name))
+  }
+
+  viteConfig.plugins = flatPlugins
+
   return viteConfig
 }