@storybook/builder-webpack5
Advanced tools
The @storybook/builder-webpack5 npm package is a builder for Storybook that uses Webpack 5 as its core bundling engine. It allows developers to configure Storybook to use Webpack 5 for building and serving their UI component stories. This package is particularly useful for projects that have already migrated to Webpack 5, ensuring compatibility and taking advantage of the latest features offered by Webpack.
Custom Webpack Configuration
Allows users to provide a custom Webpack configuration to be used by Storybook. This can include custom loaders, plugins, and other Webpack-specific settings.
{
"stories": ["./src/**/*.stories.@(js|jsx|ts|tsx)"]
"addons": ["@storybook/addon-links", "@storybook/addon-essentials"],
"core": {
"builder": "@storybook/builder-webpack5"
},
"webpackFinal": (config) => {
// Custom webpack configuration
return config;
}
}Performance Optimizations
Enables performance optimizations such as lazy compilation to improve the development experience by speeding up build and reload times.
{
"core": {
"builder": {
"name": "@storybook/builder-webpack5",
"options": {
"lazyCompilation": true
}
}
}
}This package is similar to @storybook/builder-webpack5 but is designed to work with Webpack 4. It provides the same type of functionality for integrating Storybook with Webpack 4-based projects.
This addon integrates Storybook with Next.js, providing a similar level of integration between Storybook and the Next.js build system as @storybook/builder-webpack5 does with Webpack 5.
Builder implemented with webpack5 and webpack5-compatible loaders/plugins/config, used by @storybook/core-server to build the preview iframe.
export default {
core: {
builder: '@storybook/builder-webpack5',
},
};
8.3.0
Fresh out of the oven! Storybook 8.3 brings you:
StoryGlobals-mode - #29025, thanks @JReinhold!as const satisfies modifiers - #29000, thanks @shilman!tsconfig to emit react-jsx - #28541, thanks @williamhelmrath!util to regular dependency - #29008, thanks @ndelangen!ESM export to docs-tools & node-logger packages - #28539, thanks @ndelangen!@storybook/addon-interactions - #28518, thanks @ndelangen!commander - #28857, thanks @43081j!node:-prefix to node core-modules - #28860, thanks @ndelangen!lodash - #28609, thanks @ndelangen!vue-component-meta docgen plugin - #28760, thanks @larsrickert!FAQs
Storybook framework-agnostic API
The npm package @storybook/builder-webpack5 receives a total of 1,529,568 weekly downloads. As such, @storybook/builder-webpack5 popularity was classified as popular.
We found that @storybook/builder-webpack5 demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 11 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt introduced its new package manager and a serverless registry this week, innovating in a space where npm has stagnated.
Security News
Research
The Socket Research Team uncovered a malicious Python package typosquatting the popular 'fabric' SSH library, silently exfiltrating AWS credentials from unsuspecting developers.
Security News
At its inaugural meeting, the JSR Working Group outlined plans for an open governance model and a roadmap to enhance JavaScript package management.