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.

Core: Support manager build using Webpack5

See original GitHub issue

With https://github.com/storybookjs/storybook/pull/13808, Storybook supports building the “preview” (user code) in either webpack4 (default) or webpack5 (opt-in).

However, it only builds the manager UI in webpack4 https://github.com/storybookjs/storybook/pull/14001. This means that there are two versions of webpack installed which increases the node_modules size can also cause version conflicts.

If Storybook also supports building the manager using webpack5, users can use yarn resolutions to force a single version of Webpack and mitigate these issues.

Proposal:

core: { builder: 'webpack5' } switches both the preview/manager instead of just preview
Provide an official way to do version detection in addons
Provide a simple way to get the same webpack stuff used by Storybook to build the manager UI

Issue Analytics

State:
Created 3 years ago
Reactions:96
Comments:40 (21 by maintainers)

Top GitHub Comments

17reactions

shilmancommented, Feb 25, 2021

FYI: If you want this fixed, please upvote by adding a 👍 to the issue description. We use this to help prioritize!

9reactions

shilmancommented, May 20, 2021

Trying to get this out for 6.3 beta next week.

Top Results From Across the Web

How to polyfill node core modules in webpack 5 - Alchemy

4 easy steps to fix polyfill node core modules in webpack 5 · 1. Install react-app-rewired · 2. Install missing dependencies · 3....

Build Performance - webpack

This guide contains some useful tips for improving build/compilation performance. General. The following best practices should help, whether you're running ...

@storybook/builder-webpack5 - npm

Builder-Webpack5. Builder implemented with webpack5 and webpack5 -compatible loaders/plugins/config, used by @storybook/core-server to build ...

@storybook/builder-webpack5 | Yarn - Package Manager

Builder implemented with webpack5 and webpack5 -compatible loaders/plugins/config, used by @storybook/core-server to build the preview iframe.

Webpack 5 Module Federation: A game-changer in JavaScript ...

We do plan to release AutomaticModuleFederationPlugin and maintain it from outside the Webpack Core. Now that we have built first-class code federation support...