I wanted to use an image from the assets/ folder from within a leaf bundle js file. I wasn’t sure about using .ExecuteAsTemplate on local resources but I asked an Ai which suggested.. {{ with .Resources.GetMatch “page.js” | resources.ExecuteAsTemplate “new.js” . }} {{ end }} I was surprised to …

Actually this didn’t quite work the way I wanted. Usingresources.ExecuteAsTemplateresults in the output, the new.js, file being put into the root of the project. When you create a second leaf bundle the last page using this will overwrite the new.js file and you won’t have separate page specific new…

[image] Horbes: {{ with .Resources.GetMatch “page.js” | resources.ExecuteAsTemplate “new.js” . }} that one has a context problem. it uses . which here is a resource. change to $ if your initial context is a page {{ with .Resources.GetMatch “page.js” | resources.ExecuteAsTemplate “new.js” $ …

Thanks but it still fails with the same error message.

[image] Horbes: {{ with .Resources.GetMatch “page.js” | resources.ExecuteAsTemplate “new.js” . }} I think it would be better to tell us what you want to do. I’m ALMOST certain that js.Build would be a better option for you. You can pass in options to the JavaScript via params: [imag…

and ofc AI and me missed the other bug: .Resources.Match returns an Array, if you want just one resource, use .Resources.Get "page.js" If you have many, you need to rangeover, but then you will also have to adjust target name logic. {{ with .Resources.Get "page.js" }} {{ with . | resources.Exec…

Thanks for the help. So all from within a leaf bundle script.js file: I want get an image from the assets folder, resize it, get its Permalink and use that to insert the img into the DOM with JS. So presumably that can’t all be done with jsBuild?

Inserting something with JS into the DOM happens at runtime, I’d say. Hugo is finished long before that.

Great. That appears to work. So I’ve been under the misguided impression that .ExecuteAsTemplate only worked with global resources. Good to find out that was wrong. Thanks.

to be complete here’s the jsBuild variant - looks great and no complains in an editor about js syntax or formatting problems layout {{- $imagepath := ... }} {{- with resources.Get "js/page.js" }} {{- with . | js.Build (dict "params" (dict "image" $imagepath)) }} <script type="module" src="{{…

Local resources and .ExecuteAsTemplate

support

irkode June 3, 2026, 5:28am 11

yes, just forgot to clearly mention the way publishing js done.

recent discussion for images which also applies for your js file. giving some details and pitfalls

Topic		Replies	Views
Using resources.ExecuteAsTemplate with page bundles tips & tricks	2	1031	November 11, 2020
Why can't I add a JS file executed as a template to a JS bundle? support	2	426	October 23, 2022
How to use Hugo templating inside a file under the assets folder? support	1	594	December 27, 2020
Access template variables in JS support	4	2396	June 16, 2022
JS array of images support	18	2066	January 24, 2022

Local resources and .ExecuteAsTemplate

Related topics