@storybook/builder-webpack4

Builder-Webpack4

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

builder-webpack4 is the default, so no configuration is necessary to use it. However, if you wan to explicitly configure your Storybook to run builder-webpack4, install it as a dev dependency and then update your .storybook/main.js configuration.

module.exports = {
  core: {
    builder: 'webpack4',
  },
};

Similar packages

Other packages similar to @storybook/builder-webpack4

@storybook/builder-webpack5

This package is the default builder for Storybook that uses Webpack 5. It is similar to @storybook/builder-webpack4 but for projects that are using the newer version of Webpack. It offers better performance and newer features compared to Webpack 4.

storybook-builder-vite

An alternative Storybook builder that uses Vite as the bundler instead of Webpack. Vite provides a faster development experience with features like Hot Module Replacement (HMR) and efficient bundling. It is a good choice for projects looking for performance improvements over Webpack.