編集

Storybook 7.6

#Storybook #Vitest #SWC

2023 年 11 月 29 日に Storybook 7.6 がリリースされました。

Storybook 7.6

Storybook 8 に向けたパフォーマンスや UX の改善が行われています。Webpack プロジェクトでは、Babel から SWC へ移行することで、start time が 50%以上短縮されます。

jsx
// .storybook/main.js
export default {
  framework: {
    name: "@storybook/your-framework", // react-webpack5|next|vue-webpack5|etc
    options: { builder: { useSWC: true } },
  },
};

テストの改善も行われています。@storybook/test は Jest ではなく Vitest の expect を利用するようになりました。またテストモード --testにより、docgen 分析の実行やドキュメントのコンパイルなどを省いてテストを実行することが出来るようになりました。

編集