posts/storybook-tailwind

[utterances-bot]

Create a production-ready storybook with tailwind - Blog | JacobHQ

Learn how to build a personal website using Next.js

https://blog.jacobhq.xyz/posts/storybook-tailwind

[jacobhq]

Commenting works ;). @jacobhq me if it's urgent.

[moracabanas]

Thanks you for this! mix.webpack.js contains PostCSS webpack config. Do you know how I can load this into storybook so I can work on a component on storybook? With your approach I must use postcss on script so every change need to stop storybook and recompile and hot reloading won't work. Any ideas?🤔

[moracabanas]

Nevermind this is working as intended!!

[moracabanas]

I just found you need the following postcss.config.js with the same mix.webpack.js for laravel jetstream inertia stack. So create the postcss.config.js file with this content:

module.exports = {
    plugins: {
        tailwindcss: {},
        'postcss-import': {},
    },
}