I've installed the tailwind css package, and added this to the webpack.mix.js file
mix.postCss('resources/assets/css/main.css', 'public/css', [
tailwindcss('./tailwind.js'),
]);
This is what's in my main.css:
@tailwind preflight;
@tailwind components;
@tailwind utilities;
Running npm run dev completes successfully but I don't see the main.css file being created under the public/css folder.
Any ideas on what I am missing?
This solution might work for you: https://github.com/tailwindcss/tailwindcss/issues/53
Alternatively you can use the official webpack package for tailwind and laravel mix created by jeffrey: https://github.com/JeffreyWay/laravel-mix-tailwind
@bobbybouwmann thanks, I ended up fixing it by upgrading to Laravel 5.6. I was on 5.5 previously.
You can follow this, then it should work!
I have the same issue and solved with this.
instead of
@tailwind base
@tailwind components
@tailwind utilities
I use
@import 'tailwindcss/base'
@import 'tailwindcss/components'
@import 'tailwindcss/utilities'
Please or to participate in this conversation.