babel

Parent: main.js|ts configuration

Type: (config: Babel.Config, options: Options) => Babel.Config | Promise<Babel.Config>

Customize Storybook's Babel setup.

<Callout variant="info" icon="💡">

Addon authors should use babelDefault instead, which is applied to the preview config before any user presets have been applied.

</Callout> <CodeSnippets path="main-config-babel.md" />

Babel.Config

The options provided by Babel are only applicable if you've enabled the @storybook/addon-webpack5-compiler-babel addon.

<Callout variant="info">

If you have an existing Babel configuration file (e.g., .babelrc), it will be automatically detected and used by Storybook without any additional configuration required.

</Callout>

Options

Type: { configType?: 'DEVELOPMENT' | 'PRODUCTION' }

There are other options that are difficult to document here. Please introspect the type definition for more information.