Control file size 14 / 17
With all these classes, Tailwind must be huge, right? Turns out it is actually the smallest CSS framework.
In tailwind.config.js
under purge
we define all the files to be checked for CSS classes. When compiling for production, the output will remove all unused CSS.
Try adding md:text-base
to the div
and see the result in the Compiled
tab.
There is one thing to be careful of. Go to the next slide to learn about how purgeCSS works.