DEV Community

Discussion on: Build a Beautiful Website with VuePress and Tailwind.css

 
jenlooper profile image
Jen Looper

I think it will do really well. The key would be to shrink down that tailwind css file as much as you can, and even minimize it if possible. In terms of Vue.js itself, it has very good performance. I'm going to run our sites through lighthouse and try to make them as performant as possible. You can follow our progress at nativescript-vue.org, which is already a Tailwind.css site, but with a custom static site genertor, to see how moving to VuePress will impact it.

Thread Thread
 
ohffs profile image
ohffs

I've used tailwind a bit and usually run it through the PurgeCSS pipeline to cut down the size.

It pretty much just does a grep for every tailwind class in your vue/js/html files and if there is no match - it removes it from the css file. You can over-ride it if you're doing some fancy inline-template/variable-substitution stuff too :-)

It's especially nice as you don't need to change the tailwind config at all while you are developing - so you don't find yourself deleting a load of stuff then thinking 'damn, I wish I had those orange background colours after all...' ;-)

Thread Thread
 
jenlooper profile image
Jen Looper

This is a super tip. I'll edit the article accordingly and credit you! Thank you!

Thread Thread
 
ohffs profile image
ohffs

Goodness - it's like christmas has come early :-D Thank you! :-D