Include all stories into optimizeDeps.entries (#437)

tajo · May 27, 2023 · 04a4662 · 04a4662 · vercel · May 27, 2023
1 parent 6d720ab
commit 04a4662
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/.changeset/green-avocados-develop.md b/.changeset/green-avocados-develop.md
@@ -0,0 +1,5 @@
+---
+"@ladle/react": minor
+---
+
+Include all stories into optimizeDeps.entries so all deps get prebundled and there are no further reloads later.
diff --git a/packages/ladle/lib/cli/vite-base.js b/packages/ladle/lib/cli/vite-base.js
@@ -1,6 +1,7 @@
 import path from "path";
 import react from "@vitejs/plugin-react";
 import fs from "fs";
+import { globby } from "globby";
 import { fileURLToPath } from "url";
 import tsconfigPaths from "vite-tsconfig-paths";
 import getAppRoot from "./get-app-root.js";
@@ -89,6 +90,14 @@ const getBaseViteConfig = async (ladleConfig, configFolder, viteConfig) => {
   );
   debug("Executed from the ladle monorepo: %s", inladleMonorepo);
 
+  const storyEntries = (
+    await globby(
+      Array.isArray(ladleConfig.stories)
+        ? ladleConfig.stories
+        : [ladleConfig.stories],
+    )
+  ).map((story) => path.join(process.cwd(), story));
+
   /**
    * @type {import('vite').InlineConfig}
    */
@@ -139,6 +148,7 @@ const getBaseViteConfig = async (ladleConfig, configFolder, viteConfig) => {
         path.join(process.cwd(), ".ladle/components.jsx"),
         path.join(process.cwd(), ".ladle/components.tsx"),
         path.join(process.cwd(), ".ladle/components.ts"),
+        ...storyEntries,
       ],
     },
     plugins: [