@storybook/core-common

Configuration Management

This feature allows developers to manage Storybook's configuration, including setting up the list of stories, adding addons, and customizing the Webpack configuration.

module.exports = { stories: ['../src/**/*.stories.js'], addons: ['@storybook/addon-actions', '@storybook/addon-links'], webpackFinal: async (config, { configType }) => { // Return the altered config return config; }, };

Preset Management

Preset management helps in merging custom configurations with Storybook's default configurations using utilities like mergeConfig.

const { mergeConfig } = require('@storybook/core-common'); module.exports = { addons: ['@storybook/addon-essentials'], webpackFinal: (config) => mergeConfig(config, customConfig), };

Custom Decorators and Parameters

Developers can use this package to add custom decorators and parameters to their Storybook setup, enhancing the functionality and customization of their stories.

const { addDecorator, addParameters } = require('@storybook/core-common'); addDecorator(myDecorator); addParameters({ myParameter: 'value' });