How to put LESS variables in component generator

Avatar

Avatar

ajeemaw

Avatar

ajeemaw

ajeemaw

10-09-2020

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

LESS UI variables

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

Veena_Vikram

MVP

Avatar

Veena_Vikram

MVP

Veena_Vikram
MVP

10-09-2020

@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 ✌

 

 

Answers (1)

Answers (1)

Avatar

Avatar

Vijayalakshmi_S

MVP

Avatar

Vijayalakshmi_S

MVP

Vijayalakshmi_S
MVP

14-09-2020

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.