New
You're viewing older docs for version 7.0. View latest docs

features

Parent: main.js|ts configuration

Type:

Loading...

Enables Storybook's additional features.

buildStoriesJson

Type: boolean

Generates a stories.json file to help story loading with the on-demand mode.

legacyDecoratorFileOrder

Type: boolean

Apply decorators from preview.js before decorators from addons or frameworks. More information.

legacyMdx1

Type: boolean

Enables support for MDX version 1 as a fallback. Requires @storybook/mdx1-csf to be installed.

storyStoreV7

Type: boolean

Default: true

Opts out of on-demand story loading; loads all stories at build time.

argTypeTargetsV7 (EXPERIMENTAL)

Type: boolean

Filter args with a "target" on the type from the render function.

On-demand story loading

As your Storybook grows, it gets challenging to load all of your stories performantly, slowing down the loading times and yielding a large bundle. Out of the box, Storybook loads your stories on demand rather than during boot-up to improve the performance of your Storybook. If you need to load all of your stories during boot-up, you can disable this feature by setting the storyStoreV7 feature flag to false in your configuration as follows:

Known limitations

Because of the way stories are currently indexed in Storybook, loading stories on demand with storyStoreV7 has a couple of minor limitations at the moment:

Was this page helpful?

Markdown accepted ([link text](url), _italic_, **bold**, etc). Your anonymous feedback will be posted publicly on GitHub.

✍️ Edit on GitHub – PRs welcome!
Storybook
Join the community
6,616 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetryStatus
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI