# @storybook/builder-webpack5

> A Storybook builder to dev and build with Webpack

Latest version **10.6.0** (published 2026-09-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install @storybook/builder-webpack5
pnpm add @storybook/builder-webpack5
yarn add @storybook/builder-webpack5
bun add @storybook/builder-webpack5
```

## Health

**Score 75/100 (B)** — status: active.

Positive: esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; popular repo; extremely popular.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 10.6.0 |
| Published | 2026-09-02 |
| First published | 2021-02-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 16 |
| Unpacked size | 89.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 91076 |
| Maintainers | ndelangen, shilman, tmeasday, ghengeveld, winkervsbecks, yannbf, kylegach, jreinhold, kasperpeulen, valentinpalkovic, domyen, storybook-bot |
| Keywords | storybook, storybook-builder, webpack, builder, bundler, component, components |

## Links

- npm: https://www.npmjs.com/package/@storybook/builder-webpack5
- Repository: https://github.com/storybookjs/storybook
- Homepage: https://github.com/storybookjs/storybook/tree/next/code/builders/builder-webpack5
- Issues: https://github.com/storybookjs/storybook/issues
- Funding: https://opencollective.com/storybook
- npm.io page: https://npm.io/package/@storybook/builder-webpack5

## Dependencies (16)

- [semver](https://npm.io/package/semver.md) ^7.7.3
- [webpack](https://npm.io/package/webpack.md) 5
- [ts-dedent](https://npm.io/package/ts-dedent.md) ^2.0.0
- [css-loader](https://npm.io/package/css-loader.md) ^7.1.2
- [magic-string](https://npm.io/package/magic-string.md) ^1.1.0
- [style-loader](https://npm.io/package/style-loader.md) ^4.0.0
- [es-module-lexer](https://npm.io/package/es-module-lexer.md) ^1.5.0
- [cjs-module-lexer](https://npm.io/package/cjs-module-lexer.md) ^1.2.3
- [html-webpack-plugin](https://npm.io/package/html-webpack-plugin.md) ^5.5.0
- [terser-webpack-plugin](https://npm.io/package/terser-webpack-plugin.md) ^5.3.17
- [webpack-dev-middleware](https://npm.io/package/webpack-dev-middleware.md) ^6.1.2
- [webpack-hot-middleware](https://npm.io/package/webpack-hot-middleware.md) ^2.25.1
- [@storybook/core-webpack](https://npm.io/package/@storybook/core-webpack.md) 10.6.0
- [webpack-virtual-modules](https://npm.io/package/webpack-virtual-modules.md) ^0.6.0
- [fork-ts-checker-webpack-plugin](https://npm.io/package/fork-ts-checker-webpack-plugin.md) ^9.1.0
- [case-sensitive-paths-webpack-plugin](https://npm.io/package/case-sensitive-paths-webpack-plugin.md) ^2.4.0

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@mesalvo/react-ui](https://npm.io/package/@mesalvo/react-ui.md) — 1.7K weekly downloads

## Recent versions

- 10.6.0 (latest) — 2026-09-02
- 0.0.0-pr-36141-sha-6ddbeb4a (canary) — 2026-09-03
- 11.0.0-alpha.0 (next) — 2026-09-02
- 0.0.0-pr-35198-sha-9d05c353 (v9-canary) — 2026-06-17
- 7.6.24 (v7) — 2026-03-06
- 8.6.18 (v8) — 2026-03-06
- 0.0.0-pr-34011-sha-c45b0f3f (v7-canary) — 2026-03-06
- 9.1.20 (v9) — 2026-03-05
- 0.0.0-pr-34009-sha-c90626e7 (v8-canary) — 2026-03-04
- 8.2.10 (tag-for-publishing-older-releases) — 2024-11-04
- 7.1.1-pr-23508-1689802571-5ec8c1c3.0 (pr-23508) — 2023-07-19
- 7.1.1-pr-22631-1689802540-351503cb.0 (pr-22631) — 2023-07-19
- 7.1.0-alpha.29 (future) — 2023-06-06
- 6.5.17-alpha.0 (prerelease) — 2023-03-23
- 10.6.0-beta.3 — 2026-09-02
- … 2737 more at https://npm.io/package/@storybook/builder-webpack5/versions

## README

# Builder-Webpack5

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

```js
export default {
  core: {
    builder: '@storybook/builder-webpack5',
  },
};
```

Learn more about Storybook at [storybook.js.org](https://storybook.js.org/?ref=readme).

---
_Source: https://npm.io/package/@storybook/builder-webpack5 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._