背景 最近コンポーネント駆動開発に興味があり、お手軽にFigmaやAdobeXDとの連携でデザインとコードの分離ができそうなStorybookに目を付けました。 早速、Storybookを使ってみようと公式ドキュメントを読み進めていましたが、どうしてもコンパイルが遅いのがストレスでした。 そこでBuilderにVite(esbuild)を指定できることを知り、@storybook/builder-viteのアドオンを試したのですが、そのまま素直に動かず、つまずく箇所が2つあったので回避策をメモします。 動作環境 next.js: 12.1.6 react: 18.1.0 storybook: 6.5.6 @storybook/addon-interactions: 6.5.6 @storybook/builder-vite: 0.1.36 問題1: mdx-js/xxxxのパッケージのイン
