canirequire › ESM-only › @storybook/builder-webpack5
Is @storybook/builder-webpack5 ESM-only? Can you require() it?
A Storybook builder to dev and build with Webpack
Last verified Sep 9, 2026 against @storybook/builder-webpack5@10.6.0. Markdown · JSON
ESM-only ESM-only since 10.0.0 — last CommonJS version is 9.1.20
@storybook/builder-webpack5 dropped its CommonJS build in 10.0.0 (October 2025). The last version with a plain require()-able CommonJS entry is 9.1.20, published Mar 5, 2026.
On Node.js 20.19+, 22.12+ and newer, require("@storybook/builder-webpack5") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26. On Node.js 18, which has no require(esm), require("@storybook/builder-webpack5") fails with ERR_REQUIRE_ESM.
What to do
- On Node.js 20.19+, 22.12+ and newer, require("@storybook/builder-webpack5") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26.
- From a CommonJS file, use a dynamic import inside an async function: const builderWebpack5 = await import("@storybook/builder-webpack5"). That works on every Node.js version the package supports.
- If you need a synchronous require() or run Node.js 18: npm install @storybook/builder-webpack5@9.1.20, the last CommonJS release (published Mar 5, 2026).
- TypeScript: types are bundled; install nothing extra.
Does @storybook/builder-webpack5@10.6.0 actually load? Runtime test results
Installed and executed on Sep 9, 2026 with require("@storybook/builder-webpack5") from a CommonJS file and import "@storybook/builder-webpack5" from an ES module.
| Runtime | require("@storybook/builder-webpack5") | import "@storybook/builder-webpack5" |
|---|---|---|
| Node.js 18 | ✗ failsERR_REQUIRE_ESM | ✓ works |
| Node.js 20 | ✓ works | ✓ works |
| Node.js 22 | ✓ works | ✓ works |
| Node.js 24 | ✓ works | ✓ works |
| Node.js 26 | ✓ works | ✓ works |
| Bun 1.4.0 | ✓ works | ✓ works |
How to import @storybook/builder-webpack5
ES modules (import)
import * as builderWebpack5 from "@storybook/builder-webpack5";Namespace import shown because the ESM entry may have no default export; use named imports for what it exports.
CommonJS (require)
// Node.js 20.19+, 22.12+ and newer (verified):
const builderWebpack5 = require("@storybook/builder-webpack5");
// Any Node.js version the package supports, from an async function:
async function main() {
const builderWebpack5 = await import("@storybook/builder-webpack5");
}
// Or pin the last CommonJS release:
// npm install @storybook/builder-webpack5@9.1.20Module format by version
Derived from the type, main and exports fields of every stable release on npm, corrected where a runtime test of that version contradicted them (318 versions; the newest 60 shown).
| Versions | Format | First published |
|---|---|---|
| 10.0.7 – 10.6.0 | ESM-only | Nov 11, 2025 |
Frequently asked
Is @storybook/builder-webpack5 ESM-only?
@storybook/builder-webpack5@10.6.0 is ESM-only. @storybook/builder-webpack5 dropped its CommonJS build in 10.0.0 (October 2025). The last version with a plain require()-able CommonJS entry is 9.1.20, published Mar 5, 2026.
Which version of @storybook/builder-webpack5 still supports CommonJS / require()?
9.1.20 is the last version of @storybook/builder-webpack5 with a CommonJS build. Install it with "npm install @storybook/builder-webpack5@9.1.20". Every version from 10.0.0 on is ESM-only.
How do I use @storybook/builder-webpack5 from a CommonJS file?
From a CommonJS file, use a dynamic import inside an async function: const builderWebpack5 = await import("@storybook/builder-webpack5"). That works on every Node.js version the package supports. On Node.js 20.19+, 22.12+ and newer, require("@storybook/builder-webpack5") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26. Alternatively pin @storybook/builder-webpack5@9.1.20.
Does @storybook/builder-webpack5 work in Bun?
Yes. import "@storybook/builder-webpack5" loaded successfully in Bun 1.4.0 on Sep 9, 2026.
Does @storybook/builder-webpack5 ship TypeScript types?
Yes. @storybook/builder-webpack5 bundles its own type declarations; no @types package is needed.
Links
Other esm-only packages
- ansi-styles 7.0.0last CJS
5.2.0 - strip-ansi 7.2.0last CJS
6.0.1 - commander 15.0.0last CJS
14.0.3 - supports-color 11.0.0last CJS
8.1.1 - chalk 6.0.0last CJS
4.1.2 - string-width 8.2.2last CJS
4.2.3 - ansi-regex 6.3.0last CJS
5.0.1 - escape-string-regexp 5.0.0last CJS
4.0.0
Similar popularity
- @rollup/plugin-alias 6.0.0ESM-only
- raw-loader 4.0.2CommonJS
- react-dev-utils 12.0.1No entry
- @angular/compiler-cli 22.1.5ESM-only
- opn 6.0.0CommonJS
- requirejs 2.3.8CommonJS
- c8 12.0.0CommonJS
- eslint-plugin-flowtype 8.0.3CommonJS