ES Modules support with clientlibs

[jamesg1]

Hey,

Firstly great library and I've enjoyed using it with some recent aem 6.5 upgrade work. Vite is a significant improvement to our development experience.

I wanted to ask how you've managed to load clientlibs with type="module" within aem 6.5 and if you've had to do anything fancy.

I am using on prem AEM 6.3/6.5 and using versioned clientlibs to add a unique hash onto the clientlibs - running into this Adobe-Consulting-Services/acs-aem-commons#2560 due to transformers not liking scripts when its nottext/javascript.

My next idea is to add a custom transformer but wanted to check in and see if there was another way.

Thanks!

[jamesg1]

Ended up adding support for versioned clientlibs here Adobe-Consulting-Services/acs-aem-commons#2691

[cshawaus]

Hi @jamesg1,

Apologies for the very belated reply. As part of the installation process, there is a step to switch your current ClientLib HTL use attribute over to the AEM Vite ClientLib handler.

https://www.aemvite.dev/guide/backend/installation/#configure-clientlibs

Of course, this is not always optimal but you can copy the files from /apps/aem-vite/granite/sightly/templates into your project folder and extend https://github.com/aem-vite/aem-vite/blob/main/core/src/main/java/dev/aemvite/aem/utilities/ClientLibUseObject.java.

This should play nicely with Versioned ClientLibs as it executes before the rewriter.

[jamesg1]

Thanks will give that a crack and let you know.