How to put LESS variables in component generator | Community
Skip to main content
ajeemaw
September 10, 2020
Solved

How to put LESS variables in component generator

  • September 10, 2020
  • 2 replies
  • 1353 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by VeenaVikraman

@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

 

Thanks

Veena ✌

 

 

2 replies

VeenaVikraman
Community Advisor
VeenaVikramanCommunity AdvisorAccepted solution
Community Advisor
September 10, 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

 

Thanks

Veena ✌

 

 

Vijayalakshmi_S
Level 10
September 14, 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/part3.html

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.