Learn how to install Tailwind CSS in a fresh installation of Laravel and Mix. For instructions on using Vite please see my other video: • How to install Tailwin... .
You are very welcome and I'm happy the video was useful! You are my very first comment ever and it's greatly appreciated you took the time to say something nice!!!
For some reason I can't get all tailwindcss classes, when I go to public/css/app.css it only contains 700 lines of code, pretty sure it should contain more than that. Any tips on how to get all tailwinds classes??
That’s by design. Tailwind only generates the necessary css based on the utility classes your using. If you add classes to any of your files you need to run npm run dev or npm run prod or my favorite npm run hot and it will continuously run waiting for changes and automatically generate the new css every time you change something. Hopefully that helps!
Hi Thank you for a great video, however i followed all your steps and installed all the components and everthing but my tailwind dosent work , i mean when i apply the CDN link it works, but without it. it dosent work at all
Try npm run watch or npm run hot. Those two commands may help. Watch will rebuild the assets any time there is a change. Hot will rebuild the assets and refresh your page for you. Hope that helps!
Are you using the latest version of Laravel? Laravel within the past couple of weeks is now using Vite. I need to make a new video showing how to install with Vite.
Nice video, quick and helpful. Thanks!
Thank you, appreciate the comment and the support!
Thank you for this one.
It helps me a lot.
You are very welcome and I'm happy the video was useful! You are my very first comment ever and it's greatly appreciated you took the time to say something nice!!!
Nice video, very useful for beginners. Thank you
Thanks for the kind words and support!
Thank you for the vid , hope it does well !
You’re welcome and thank you for your comment!!!!
thanks bro its helpful
Thank you for the kind word and support my friend!
For some reason I can't get all tailwindcss classes, when I go to public/css/app.css it only contains 700 lines of code, pretty sure it should contain more than that. Any tips on how to get all tailwinds classes??
That’s by design. Tailwind only generates the necessary css based on the utility classes your using. If you add classes to any of your files you need to run npm run dev or npm run prod or my favorite npm run hot and it will continuously run waiting for changes and automatically generate the new css every time you change something. Hopefully that helps!
It help me a lot thanks very much ,can you share us the the table form please??
Glad to hear it helped! Here's the table.
gist.github.com/nickescobedo/04e85dafbd82b23eba0817436c7eead9
Hi Thank you for a great video, however i followed all your steps and installed all the components and everthing but my tailwind dosent work , i mean when i apply the CDN link it works, but without it. it dosent work at all
That's strange did you receive any errors when it was building or loading the page?
Why every class or change that I apply to my blade file does not take place with refreshing of my page unless I run "npm run dev comand"?
Try npm run watch or npm run hot. Those two commands may help. Watch will rebuild the assets any time there is a change. Hot will rebuild the assets and refresh your page for you. Hope that helps!
merci
Laravel 9 not found webpack.mix.js ;(
Are you using the latest version of Laravel? Laravel within the past couple of weeks is now using Vite. I need to make a new video showing how to install with Vite.
npm install -D tailwindcss postcss autoprefixer :)
npx tailwindcss init
Thanks for following up :)