We take a look at using Purgecss to optimize our Tailwind CSS output file size. We’ll use it in both Laravel with Laravel Mix and in Vue with a Vue CLI 3 project. Tailwind generates a large file size because of all the utility classes it provides. You’re probably not using a ton of the css rules it generates. Purgecss analyzes your code and removes any unused CSS for you automatically.
GitHub Repo for Laravel Example: https://github.com/drehimself/tailwind-examples
GitHub Repo for Vue Example: https://github.com/drehimself/custom-radio-buttons
My courses: https://codewithdre.com
Sign up for my newsletter: http://andremadarang.com/newsletter
My website: http://andremadarang.com
Twitter: http://twitter.com/drehimself
GitHub: http://github.com/drehimself
CodePen: http://codepen.io/drehimself