The Repo is a working example of Hugo's Pipes functionality using TailwindCSS and PurgeCSS.
TailwindCSS (with a custom extractor for PurgeCSS)
PostCSS-Import (because the importer that I think is native to Tailwind doesn't seem to work in this context)
The critical file is
Hugo will not rebuild your CSS file unless the file itself is changed. In a TailwindCSS context, most of your work occurs in templates, not in the CSS file. To make development easier, we've created a separate PostCSS config file without PurgeCSS.
- Before deploying, run
hugo --gcto generate a minified, purged CSS file.
- Check the
resourcesfolder into your repository.
- PurgeCSS will fail if any of your templates are empty.
- If you add themes, you need to add the file location in the PurgeCSS