【Storybook】Webpack 5 を使えるようにする

2023/2 現在、storybook はデフォルトで webpack 4 を使うようになっています。Webpack 5 を使うには、パッケージを追加して設定変更する必要があります。

プラグインの追加

yarn add -D @storybook/manager-webpack5 @storybook/builder-webpack5

Storybook の設定追加

main.js を修正します。

module.exports = {
  ...,
  core: {
    builder: 'webpack5',
  },
  ...,
}