Level 2

SASS, Ecmascript6 and Typescript in Adobe AEM projects

Forum|Forum|6 years ago
October 11, 2019
3 replies
5086 views

What are the options that I have if I want to use SASS (SCSS) and Ecmascript 6 (or even Typescript) in my projects? Is there a tool to transpile SASS, Ecmascript6 or Typescript that I can use with Adobe AEM?

Thanks,

Fernando

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

Ankur_Khare

Community Advisor

Hi,

You could use maven plugin to transpile sass files and then build the code and deploy to aem.

https://www.geodienstencentrum.nl/sass-maven-plugin/plugin-info.html

Hope this helps.

ArpitVarshney

Community Advisor

Hi fernandou23761826

You can choose to configure the preprocessors configuration per client library or system-wide.

Add the multivalue properties CSS processor and jsProcessor on the client library node
Or define the system default configuration via the HTML Library Manager OSGi configuration

Reference: Using Client-Side Libraries

For LESS, AEM gives oob support but for sass, you need to make changes in AEM codebase so that sass written file can be converted to CSS file client library during code compilation.

Reference:

Using Sass in AEM

GitHub - mickleroy/aem-sass-compiler: Enable Sass support for AEM

Regards,

Arpit Varshney

F

fernandou237618Author

Level 2

Hi Guys,

I think the jsProcessor attribute is not working on AEM 6.4.

I've tried lots of things and was not able to make it work.

Also, in this thread there is a conclusion it is not working on 6.4: https://forums.adobe.com/thread/2569095