LEARNING BY VUEING

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.