You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The Storybook webpack builder supports an fsCache option to enable disk-based caching, which greatly improves incremental build performance in webpack-based Storybook projects.
When the fsCache option is enabled in a Storybook project that uses the Next.js framework, however, the disk-based cache does not work, and the Storybook build outputs a large number of webpack.cache.packFileCacheStrategy warnings. As a result, Next.js projects cannot benefit from the significant speed boost afforded by the webpack disk cache.
Describe the bug
The Storybook Next.js framework uses webpack internally to build Storybooks for Next.js projects.
The Storybook webpack builder supports an
fsCache
option to enable disk-based caching, which greatly improves incremental build performance in webpack-based Storybook projects.When the
fsCache
option is enabled in a Storybook project that uses the Next.js framework, however, the disk-based cache does not work, and the Storybook build outputs a large number ofwebpack.cache.packFileCacheStrategy
warnings. As a result, Next.js projects cannot benefit from the significant speed boost afforded by the webpack disk cache.Storybook config
Reproduction link
https://github.com/sentience/storybook-nextjs-webpack-cache-issue-demo
Reproduction steps
git clone https://github.com/sentience/storybook-nextjs-webpack-cache-issue-demo.git
cd storybook-nextjs-webpack-cache-issue-demo
pnpm i
pnpm storybook dev
System
Additional context
This problem seems to have existed since the introduction of @storybook/nextjs in Storybook 8.0.
The text was updated successfully, but these errors were encountered: