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:
GitHub Repo for Vue Example: https://git
24 views
1985
613
4 years ago 00:04:41 4
Getting Started with & TailwindCSS
4 years ago 00:10:11 7
Svelte with Tailwind CSS Configuration Step by Step
5 years ago 00:21:17 2
Building a Blog homepage in TailwindCSS - Part 5 | Transitions and Purgecss
5 years ago 00:08:22 15
Laravel Movie App - PurgeCSS & Deployment - Part 9
5 years ago 00:13:04 1
How to use Purgecss with Tailwindcss in a VueJS Project
5 years ago 00:19:43 6
How to Install Laravel 6 and Tailwind css and purgecss
6 years ago 00:17:56 3
How to INSTALL Laravel and Tailwind CSS and then reduce CSS file size with Purgecss?
6 years ago 00:11:42 1
How to use PurgeCSS to Remove Unused CSS Classes from Tailwind CSS, Bootstrap, and more!