swc

Parent: main.js|ts configuration

Type: (config: swc.Options, options: Options) => swc.Options | Promise<swc.Options>

Customize Storybook's SWC setup for Webpack-based projects enabled via the @storybook/addon-webpack5-compiler-swc addon based on the supported frameworks, except Angular, Ember.js and Next.js.

import type { Options } from '@swc/core';
 
// Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
import { defineMain } from '@storybook/your-framework/node';
 
export default defineMain({
  framework: {
    name: '@storybook/your-framework',
    options: {},
  },
  swc: (config: Options, options): Options => {
    return {
      ...config,
      // Apply your custom SWC configuration
    };
  },
});

SWC.Options

The options provided by SWC are only applicable if you've enabled the @storybook/addon-webpack5-compiler-swc addon.

Options

Type: { configType?: 'DEVELOPMENT' | 'PRODUCTION' }

There are other options that are difficult to document here. Please introspect the type definition for more information.