Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
@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.
To configure your Storybook to run builder-webpack5
, install it as a dev dependency and then update your .storybook/main.js
configuration:
module.exports = {
core: {
builder: 'webpack5',
},
};
FAQs
Storybook framework-agnostic API
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.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.