How to call Vendor in clientlibs

[Tessa_learner1]

Hi, 

I have some separate css, js and bootstrap icons for my component. Those I have stored under vendor folder like the below. How can I call the below folder in my HTL (for my component) or should I add these to clientlib-base, if so how to add and call them ??

[Anmol_Bhardwaj]

Hi @Tessa_learner1 , You already answered you question . 

We cannot include clientlibs in HTL without categories. You can create a new clienlib folder under apps/your-site/clientlibs and give it a category like vendor-clientlibs, and then bundle/send the vendor clientlibs through gulp under that location (also you can manually paste just to check once). And then include that category inside your HTL.

[Anish-Sinha · Accepted solution]

Hi @Tessa_learner1 ,

Looks like each folder under the vendor folder is a separate clientlib folder. In this case, you can use dependencies concept to include these client libs into you base clientlibs. And I assume your base clientlibs must be included in the base page. You have to add a property named "dependencies" in your clientlib-base folder and add all the category names as an array. dependencies support multivalues. 

Refer this to understand more about dependencies and embed which will be used in these cases:https://experienceleague.adobe.com/docs/experience-manager-65/developing/introduction/clientlibs.htm...

[Tessa_learner1]

Hi @Anish-Sinha  Thank you, I'll try this now.