Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

How to put LESS variables in component generator

Avatar

Level 1

We are developing component wise LESS and JS. So I need to know how to put the centralized less variable file inside AEM which is going to be used in all the components.

Note: In the site component resources will load separately not like bundled resource

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@ajeemaw In your project you might have a clientlibs-site folder right , you can place the common css (for the entire site) in the same something like below

site.JPG

 

Thanks

Veena ✌

 

 

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

@ajeemaw In your project you might have a clientlibs-site folder right , you can place the common css (for the entire site) in the same something like below

site.JPG

 

Thanks

Veena ✌

 

 

Avatar

Community Advisor

Hi @ajeemaw,

Clientlibs organizing is clearly documented in WKND chapter 3 - https://helpx.adobe.com/au/experience-manager/kt/sites/using/getting-started-wknd-tutorial-develop/p...

It has component specific ".less" files and a common variables file named variables.less -> Individual clientlibs folder are included to clientlib-site/base via embed property which is then included in headerlibs as a single clientlibs category.

 

Could you please elaborate your point mentioned as "Note". You mean to load component specific clientlibs and not as complete clientlib category? If possible, share your existing clientlibs skeleton and the way you want to include the same.