feat: support config debug in dev mode (#212)

rspack-contrib · Jan 8, 2025 · 4264ff8 · 4264ff8
1 parent 4787eb3
commit 4264ff8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/packages/builder-rsbuild/src/index.ts b/packages/builder-rsbuild/src/index.ts
@@ -183,6 +183,7 @@ export const start: RsbuildBuilder['start'] = async ({
   router.use(rsbuildServer.middlewares)
   rsbuildServer.connectWebSocket({ server: storybookServer })
   const stats = await waitFirstCompileDone
+  await server.afterListen()
 
   return {
     bail,

diff --git a/website/docs/guide/faq.mdx b/website/docs/guide/faq.mdx
@@ -59,3 +59,21 @@ export default {
 ## Why using `getAbsolutePath` to resolve the framework in sandboxes in this repository?
 
 Check out https://storybook.js.org/docs/faq#how-do-i-fix-module-resolution-in-special-environments.
+
+## How to debug the Rsbuild and Rspack config of the Storybook builder?
+
+Based on Rsbuild, you can directly use the [CLI debug capability](https://rsbuild.dev/guide/debug/debug-mode) provided by Rsbuild for debugging. For example:
+
+In development mode:
+
+```bash
+DEBUG=rsbuild storybook dev
+```
+
+In production mode:
+
+```bash
+DEBUG=rsbuild storybook build
+```
+
+Check the output in the CLI, you can see where the Rsbuild and Rspack configuration is dumped on the disk and view it.