Hi, I was just wondering how live reloading interfaces with esbuild. I currently have a partial which conditionally bundles an entry file, however when I change that file, while the site rebuilds (it recognizes that there is a change), it seems like it its not re-bundled.
Is there a way to get around this?
I’m using $ hugo server -D --disableFastRender --gc, in case that helps.
I’m in the process og improving this situation (I have a “almost finished” branch that has been a little too long lived), but for JS bundles the current logic is that they will be rebuilt whenever a JS file (or typescript etc.) file is changed.
I’m not sure why you need the bundle to be rebuilt on partial change?
I’m doing some creative coding stuff and using my hugo site (henryskup.com) to develop as well as to showcase. This is mostly JS stuff + either SVG or Canvas, and I’m using various JS libraries/modules for this work (ex. p5.js, two.js, svg.js).
Currently, I’ve been using NPM at the site level to manage these js dependencies and then using Hugo modules to import/mount the actual library/module from /node_modules/ within /static:
This is fine, however it is finicky to maintain (and doesn’t work with the IDE’s knowledge of what is in /node_modules, and the import is happening at run-time (in the browser), which, again, is fine, but it would be good to be able to have the option to bundle/obfuscate/minify.
I have a very strong feeling that this is not the optimal solution.
I’ve thought that Hugo mods could enable a solution (though, I’m not entirely sure how to put it in practice). I also this this in the docs, which seems to address part of what I’m getting at? Though, to be honest, I’m a little lost.
Just tried something out quickly … loading from /node_modules and building… seems to work – totally a moment where I’m like : “wow, Hugo has got it! I was making ti waaaay too complicated!” HUGO
I’m using VS Code… not too worried about this aspect. Seems to work with the above.
Back to my original question about live-reloading. The above seems to not re-build when the entry-point file changes. (Changes reflect when the hole site is rebuilt, though, of course.). Is there a way to force certain builds?
Could it be an issue with content structure?
Here is how I’m running things :
(My real use case is a little more complicated, but I’ve been doing the testing with the logic below)
Reference a Page Resource that you want to bundle + insert: