StorybookにTailwindの設定が反映されなかった話

課題

表題の通り、StorybookにTailwindの設定が反映されなかった。 create-react-appツールを用いてWebアプリを構成しており、tailwind自体は以下ドキュメントを参考にインストールした。

tailwindcss.com

さらに、src/index.tsx に import "./styles.css"; をしている。 Webアプリ上ではtailwindが反映されている。

解決

ChatGPTに聞いてみたら、Webpackの設定がどうのこうのと言われたが、なんてことはない公式ドキュメントにあった。

storybook.js.org

.storybook/preview.js に import "../src/styles.css"; とするだけだった。