History

Adam deffd1f4d3 fix(examples): avoid warning with legacy postcss.config.js (#7098 ) Co-authored-by: Sébastien Chopin <seb@nuxtjs.com>		2020-03-24 10:00:39 +01:00
..
.github	chore: tailwind purgecss example (#4214 )	2018-11-08 10:37:38 +01:00
assets/css	chore: tailwind purgecss example (#4214 )	2018-11-08 10:37:38 +01:00
components	refactor: use PascalCase for components names (#4396 )	2018-11-24 22:19:19 +03:30
layouts	refactor: use PascalCase for components names (#4396 )	2018-11-24 22:19:19 +03:30
pages	refactor: use PascalCase for components names (#4396 )	2018-11-24 22:19:19 +03:30
.gitignore	chore: tailwind purgecss example (#4214 )	2018-11-08 10:37:38 +01:00
README.md	doc: create/update README.mds for examples (#4980 )	2019-02-08 15:48:30 +01:00
nuxt.config.js	fix(examples): avoid warning with legacy postcss.config.js (#7098 )	2020-03-24 10:00:39 +01:00
package.json	fix(examples): fix deps on codesandbox (#4828 )	2019-01-22 11:04:19 +03:30
tailwind.js	chore: update @nuxtjs/eslint-config to v2 and fix lint errors (#6732 )	2019-11-26 23:42:39 +01:00

README.md

Nuxt Tailwind CSS + Purgecss

Demo of using Nuxt with Tailwind CSS and Purgecss to drastically reduce CSS size.

Demo

https://nuxt-tailwindcss-purgecss.surge.sh/

Before and after stats

The before CSS bundle came out to 299kb, where as after running it through Purgecss, it dropped to 3kb (granted I'm only using around a dozen classes).

Performance

And since the CSS remains inline (due to using Purgecss as a postcss plugin) it scores perfect on Google Page Speed Insights! (This is after running nuxt generate and deploying the dist folder)

README.md

Nuxt Tailwind CSS + Purgecss

Demo

Before and after stats

Performance

Other