Live reloading does not work with assets (CSS and JS). I have seen this issue reported here and also in a few different articles online. Browser cache is to blame. Any workaround for this?

Yes, browser cache. Try to fingerprint when you calling your files (css or JS) like that: {{ $style := resources.Get "css/style.css" | minify | fingerprint }} <link rel="stylesheet" type="text/css" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}" media='all' /> This will …

[image] idarek: Try to fingerprint when you call your files (CSS or JS) like that: That wouldn’t work for inline styles {{ $style := resources.Get "css/style.css" | minify | fingerprint }} <style>{{ $style.Content }}</style>

No, it will not. In that case, bast to use Incognito/InPrivate browser window which shall help a bit, but not fully.

I remember it was working before I started using Hugo Pipes (if I am not wrong). I call all my CSS files as in your example (in the footer) and my example (in the header). Even fingerprinting does not refresh the hash unless I close git and do hugo serve again.

Live-reloading during development

support

anon44707125 February 16, 2022, 7:36pm 6

~~Found an answer~~

I had assets defined as a static directory in config.toml. Removing it from there fixed this issue. I wonder if this is a bug?

Topic		Replies	Views
HUGO server takes long to render CSS support	3	542	July 13, 2022
Live reload not working for SCSS when fingerprinting support	0	122	July 20, 2024
Cache Problems support	10	2334	August 10, 2020
SCSS Fingerprint Always the Same support	2	624	November 28, 2020
Static CSS changes no updating browser cache with "hugo serve" support	6	14224	July 2, 2021

Live-reloading during development

Related topics