Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Support multiple storybooks in TypeScript monorepos
See original GitHub issueThe suggested work around for multiple Storybooks in a monorepo (docs) does not work with Typescript as the storybooks need to be transpiled with WebPack. There is no easy way to merge multiple WebPack builds even if they are using the same configurations.
Example Repo
apps/
web-app-a/
.storybook/
package.json
src/
index.stories.tsx
storybook-static
web-app-b/
.storybook/
package.json
src/
index.stories.tsx
storybook-static
web-app-c/
.storybook/
package.json
src/
index.stories.tsx
storybook-static
Suggested Options:
- Chromatic to add full support for multiple Chromatic projects in a single GitHub repo with full working PR checks
- Chromatic to add support for multiple Storybooks in a single Chromatic project
Issue Analytics
- State:
- Created 2 years ago
- Reactions:22
- Comments:6 (1 by maintainers)
Top Results From Across the Web
Monorepos: Lerna, TypeScript, CRA and Storybook combined
and today it is back - this time complaining that CRA supports only 8.1 while the one installed was 8.2.2. 1 like Like...
Read more >Monorepos in JavaScript & TypeScript - Robin Wieruch
A tutorial how to use a monorepo architecture in frontend JavaScript and TypeScript with tools like npm/yarn/pnpm workspaces, ...
Read more >How to combine multiple Storybooks into one - Medium
Faster developer experience for large Storybooks and monorepos. Continue reading… Get involved. Need help or advice with Storybook? Join 4,600+ ...
Read more >Support Multiple Frameworks in a Monorepo - CSS-Tricks
We're going to make a Yarn workspaces-based monorepo that supports multiple frameworks, including React, Vue, Svelte, and Angular.
Read more >Using Storybook with Turborepo
Set up Storybook in a monorepo; Create your first story ... Follow the prompts to create an app named "workshop" as a React,...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
This is a must with Nx -> we have 2 apps: 1 nextjs app and one create react app with different setups and it is becoming a nightmare
Hi @kenfdev you are correct. Monorepo support is now officially supported.