I’m creating a theme using TailwindCSS, PostCSS and PrelineUI. Currently, I’m noticing some unexpected behavior when making changes to my baseof.html template. After applying changes, hugo correctly updates hugo_stats.json, but fails to rebuild main.scss, resulting in TailwindCSS not being “invoke…

As a general note here: I’m close to wrap up a new feature in Hugo that’s a new defer keyword in the templates, which allows you to defer a template block to be executed after all the rendering. I’m wrapping my head around some “live reload” technical issues as I write this, but my initial tests sh…

Update Upon further inspection, and some more reading on similar discussions in the forum, something very similar seems to have been reported in the past , prior to hugo_stats.json and cachebusters implementation. I am wondering if tailwind’s @tailwind directive could have something to do with all o…

[image] AncientDF: @bep sorry for the direct mention, pinging you since it’s related to your tailwindcss basic implementation. I haven’t read this entire thread, but I see lots of “mounting into node_modules” etc., which does not come from “my” tailwindcss basic implementation. I just teste…

Apologies for the late reply. Indeed, the hugo-starter-tailwind-basic repository does not specifically mention “mounting into node_modules”, however, the union fs mounting part is irrelevant, since the problem is related to the way hugo builds/rebuilds SCSS resources. Hugo manages to successfully …

Hey @AncientDF , you can try Hugoplate , it’s a Hugo starter template built with tailwindcss, it should work as expected. thanks

[image] AncientDF: Indeed, the hugo-starter-tailwind-basic repository does not specifically mention “mounting into node_modules”, however, the union fs mounting part is irrelevant, since the problem is related to the way hugo builds/rebuilds SCSS resources. Sure, but you mentioned my name and…

Hello, thank you for the example. I have already looked into Hugoplate and it’s Tailwind implementation. Unfortunately the theme itself is too heavy for my use-case and thus I opted for a custom theme instead.

Apologies for the confusion. I think my post could’ve been organized better, avoiding unnecessary clutter. I was trying to describe my entire work environment to provide as much context as possible. Regarding the issue. I updated to the latest Hugo release and the problem still persists. While tryi…

Update Upon further investigation, the real culprit seems to be the underlying unionfs system. On some occasions, the following statement seems to silently fail: mounts: - source: "assets" target: "assets" # TailwindCSS v3.0 JIT compile functionality - source: "hugo_stats.json" targ…

[image] Race between Tailwind CSS vs Hugo stats file support This might be a more general issue with the generation of styles via PostCSS and the file watcher. I am experiencing the same problems with a Bootstrap-based project where changes are acknowledged, but the CSS is…

Support - TailwindCSS - HTML Template change not triggering CSS/PostCSS rebuild

support

AncientDF June 5, 2024, 8:12pm 9

Bump

Topic		Replies	Views
Hugo and Tailwind refresh issue support	16	1869	April 12, 2023
Run PostCSS only when Markdown file changes support tailwind	10	1691	January 26, 2022
Hugo v0.121.0 + Tailwind in production support tailwind	4	206	October 4, 2024
How to trigger a resource re-build on every change/server reload in development? support	9	5410	August 15, 2022
Tailwind v3.0 and Hugo support	30	13384	August 28, 2023

Support - TailwindCSS - HTML Template change not triggering CSS/PostCSS rebuild

Related topics