babel

類型：(config: Babel.Config, options: Options) => Babel.Config | Promise<Babel.Config>

自訂 Storybook 的 Babel 設定。

擴充功能作者應該使用 babelDefault 來取代，它會在套用任何使用者預設設定之前，套用至預覽設定。

.storybook/main.ts

// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
import type { StorybookConfig } from '@storybook/your-framework';
 
const config: StorybookConfig = {
  framework: '@storybook/your-framework',
  stories: ['../src/**/*.mdx', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
  async babel(config, { configType }) {
    if (configType === 'DEVELOPMENT') {
      // Your development configuration goes here
    }
    if (configType === 'PRODUCTION') {
      // Your production configuration goes here.
    }
    return config;
  },
};
 
export default config;

`Babel.Config`

只有在您啟用 @storybook/addon-webpack5-compiler-babel 擴充功能時，Babel 所提供的選項才適用。

如果您有現有的 Babel 設定檔（例如，.babelrc），Storybook 會自動偵測並使用它，而無需任何額外設定。

`Options`

類型：{ configType?: 'DEVELOPMENT' | 'PRODUCTION' }

還有其他選項難以在此文件中說明。請自行檢查類型定義以取得更多資訊。