https://github.com/tmeasday/storybook-lazy-compilation-webpack

https://github.com/tmeasday/storybook-lazy-compilation-webpack

Last synced: 30 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/tmeasday/storybook-lazy-compilation-webpack
• Owner: tmeasday
• Created: 2022-03-17T05:36:57.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-31T09:38:32.000Z (almost 3 years ago)
• Last Synced: 2024-10-26T03:43:34.310Z (3 months ago)
• Language: JavaScript
• Size: 341 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Reproduction of lazy compilation issues w/ webpack

This is a very simple Storybook project that uses lazy compilation (see `.storybook/main.js`).

To reproduce the issue:

1. Clear any caches and start storybook:

`rm -rf node_modules/.cache/ && yarn storybook`

2. This will open the storybook in a browser, simply open the console/network tab

3. Now, in another terminal, run the SB test runner:

`yarn test-storybook`

This command will almost certainly fail (due to the lazy compilation, see step 5 below), although this is the not the primary issue.

4. Check the console in the browser. You will see a set of hot updates. There's a good chance (not guaranteed--you might need to run the steps again), that at least one of these updates will 404, causing the browser to reload.



5. Run `yarn test-storybook` again. It will succeed as all modules are now compiled.