https://github.com/mathieubellon/www.pilot.pm

https://github.com/mathieubellon/www.pilot.pm

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mathieubellon/www.pilot.pm
• Owner: mathieubellon
• License: mit
• Created: 2019-12-16T11:11:59.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-03-25T22:21:19.000Z (about 3 years ago)
• Last Synced: 2025-02-04T14:52:38.700Z (4 months ago)
• Language: HTML
• Size: 111 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 31
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        

The Repo is a working example of Hugo's Pipes functionality using TailwindCSS and PurgeCSS.

- [Hugo Pipes](https://gohugo.io/hugo-pipes/)

- [TailwindCSS](https://github.com/tailwindcss/tailwindcss) (with a custom extractor for PurgeCSS)

- [PostCSS](https://github.com/postcss/postcss)

- [PurgeCSS](https://github.com/FullHuman/purgecss)

- [AutoPrefixer](https://github.com/postcss/autoprefixer)

- [PostCSS-Import](https://github.com/postcss/postcss-import) (because the importer that I think is native to Tailwind doesn't seem to work in this context)

The critical file is `/assets/css/postcss.config.js` and `/assets/css/dev/postcss.config.js`

### Deployment Notes

Hugo will not [rebuild](https://discourse.gohugo.io/t/regenerating-assets-directory-for-hugo-pipes/13175) 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](https://github.com/postcss/postcss-cli#config) file without PurgeCSS.

- **Before deploying, run `hugo --gc` to generate a minified, purged CSS file.** 

- Check the `resources` folder into your repository.

### Other Notes

- PurgeCSS will fail if any of your templates are empty.

- If you add themes, you need to add the file location in the PurgeCSS `content` configuration item.