Is it possible to programatically include resources in a slice?

support
#4

@SanmayJoshi I tried that, but I get the following error:

execute of template failed: template: _default/single.html:63:51: executing "_default/single.html" at <resources.Concat>: error calling Concat: slice []resource.Resources not supported in concat

#5

I have used it in my project, here. Feel free to have a look. Will update this answer with details tomorrow, gotta sleep :sweat_smile:.

#6

Strange, with your snippet I get the same error :confused:.

#7

May you share what version of Hugo you are using? You can check it with hugo version.

#8

hugo 0.75.1-1

#9

Is it extended version? If it is, not sure what the problem is :slightly_frowning_face:

Edit:
You may further see,

  1. [SOLVED] Hugo v0.55.6 error calling ressources.Concat
  2. resources.Concat with js - slice interface not supported in concat
#10

I thought the extended version was just for sass support. The links you linked didn’t seem to help either.

#11

I would recommend using extended version of Hugo whenever you can (i.e. if you have 64 bit OS). If you aren’t currently using extended version of Hugo, I would suggest to give it a try.

Also, what OS are you using?

#12

5.8.13-arch1-1, Arch linux. Comes with extended in the pacman repos.

#13

I have ran out of ideas :no_mouth:

Some really experienced folks like @davidsneighbour @alexandros @pointyfar may be able to help!

#14

@NullSense, it will be easier to help you if we could see your code in a repo somewhere we can clone. @SanmayJoshi has provided good resources. We cannot help if we cannot replicate what you are doing.

2 Likes
#15

@pointyfar @SanmayJoshi please find the code here, it’s a baseof.html file:

#16

Please provide your whole site code. We cannot run just the baseof.html file on its own.

Given this setup:

assets/
├── one.js   // console.log('one')
├── three.js // console.log('three')
└── two.js   // console.log('two')

{{ $one := resources.Get "one.js"}}
{{ $two := resources.Get "two.js"}}
{{ $three := resources.Get "three.js"}}
{{ $concat := slice $one $two $three | resources.Concat "js/scripts.js" | minify | fingerprint }}
<script src="{{ $concat.Permalink }}"></script>

This works, and produces:

/js/scripts.min.[hash].js
console.log('one');console.log('two');console.log('three')

You are getting an error, so clearly something is wrong somewhere. But we cannot help you if we cannot reproduce it ourselves.

Please read Requesting Help to see how to make it easier for us to help you.

1 Like
#17

@pointyfar sorry, here is the full repository https://github.com/NullSense/pub_blog/

You need to npm install, then hugo server -D --watch --gc should work.

#18

It works without errors for me.

Tested with:

Hugo Static Site Generator v0.75.1-A4A7BAB7 linux/amd64 BuildDate: 2020-09-15T06:46:04Z
Hugo Static Site Generator v0.75.1-A4A7BAB7/extended linux/amd64 BuildDate: 2020-09-15T06:57:20Z
Hugo Static Site Generator v0.76.2-207913F3 linux/amd64 BuildDate: 2020-10-07T08:59:22Z
Hugo Static Site Generator v0.76.2-207913F3/extended linux/amd64 BuildDate: 2020-10-07T09:09:05Z

Can you try and clone a fresh copy of your repo, and run Hugo there?

#19

Ah sorry @pointyfar I didn’t commit the changes, can you pull and try now?

#20

This line should be:

{{ $script := $allScripts | resources.Concat "js/main-bundle.js" | minify | fingerprint -}}
#21

Thanks! That fixed it :slight_smile:. I noticed my logic was flawed, as the resources won’t get loaded on each page load, but rather loaded once, so I suppose I either need to make a few payloads: a main one, and ones where they are necessary. Or make a single large payload, which I was doing before. Not sure what is more optimal.

#22

Glad it was solved, and we could be of help! Feel free to mark this topic as solved!

#23

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.