Kaizen Today I Learned by Ville Säävuori

Posts tagged css

Silence Tailwind JIT Debug Output

I’ve been suffering from excessive output from the Tailwind JIT / PostCSS plugin in Vite projects for the longest time. My Vite HMR logs used to look something like this in most projects: VITE v4.3.9 ready in 852 ms ➜ Local: http://localhost:3000/ ➜ Network: ➜ Network: ➜ press h to show help Source path: /code/front/src/assets/spa.

· Read the full article →

Optimizing Tailwind CSS Production Bundle Size

Tailwind has pretty good documentation on how to optimize production builds. But if you want to really tweak your final build, you need to do a bit more manual work to find out the best configuration for that specific project. Cssnano Is Not a Silver Bullet In some cases applying cssnano can actually increase your build size.

· Read the full article →

Hiding Uncompiled Vue Moustache Tags

There are situations where your Vue app template may be displayed before it’s fully compiled and therefore expose the uncompiled vue moustache template tags. In most situations this is not a problem but if you happen to get bitten by this issue, you can use v-cloack directive and CSS to hide the element until the template is rendered:

· Read the full article →