justy03 https://blog.hatena.ne.jp/justy03/ ふくしま https://justylifememo.hatenablog.com/ 課題 表題の通り、StorybookにTailwindの設定が反映されなかった。 create-react-appツールを用いてWebアプリを構成しており、tailwind自体は以下ドキュメントを参考にインストールした。 tailwindcss.com さらに、src/index.tsx に import "./styles.css"; をしている。 Webアプリ上ではtailwindが反映されている。 解決 ChatGPTに聞いてみたら、Webpackの設定がどうのこうのと言われたが、なんてことはない公式ドキュメントにあった。 storybook.js.org .storybook/prev… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fjustylifememo.hatenablog.com%2Fentry%2F2024%2F03%2F14%2F002351" title="StorybookにTailwindの設定が反映されなかった話 - ふくしま" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2024-03-14 00:23:51 rich https://justylifememo.hatenablog.com/entry/2024/03/14/002351 1.0 100%