@storybook/builder-webpack5
Advanced tools
Package description
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.
Changelog
8.0.9
@vitejs/plugin-react-swc with plugins - #26837, thanks @JReinhold!Readme
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',
},
};
FAQs
Storybook framework-agnostic API
The npm package @storybook/builder-webpack5 receives a total of 2,524,336 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 9 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
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.
Security News
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.