加入直播会话:周四,美国东部时间上午 11 点,Storybook 9 版本发布及 AMA(问我任何事)
文档
Storybook 文档

swc

父级:main.js|ts 配置

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

自定义 Storybook 针对 Webpack 项目的 SWC 设置,该设置通过 @storybook/addon-webpack5-compiler-swc 插件启用,并基于支持的框架(Angular, Create React App, Ember.js 和 Next.js 除外)。

.storybook/main.ts
import type { Options } from '@swc/core';
// Replace your-framework with the webpack-based framework you are using (e.g., react-webpack5)
import type { StorybookConfig } from '@storybook/your-framework';
 
const config: StorybookConfig = {
  framework: {
    name: '@storybook/your-framework',
    options: {},
  },
  swc: (config: Options, options): Options => {
    return {
      ...config,
      // Apply your custom SWC configuration
    };
  },
};
 
export default config;

SWC.Options

SWC 提供的选项仅在您启用了 @storybook/addon-webpack5-compiler-swc 插件时适用。

选项

类型:{ configType?: 'DEVELOPMENT' | 'PRODUCTION' }

还有其他一些此处难以详述的选项。请自行查看类型定义以获取更多信息。