i there any way scss folder to less folder conversion | Community
Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

4 replies

BrianKasingli
BrianKasingli
New Participant
June 14, 2023

Yes, you can do this with the ui.frontend, which comes apart of the AEM Archtype, https://github.com/adobe/aem-project-archetype. Within the ui.frontend, you can update the NPM modules, and instead of using SCSS, you can use LESS. So instead of using sass-loader, you can use less-loader, https://webpack.js.org/loaders/less-loader/.

    DPrakashRaj
    DPrakashRaj
    New Participant
    June 13, 2023

    Why don’t you try this one for sass compiler support on aem 

    https://github.com/mickleroy/aem-sass-compiler

      MayurSatav
      MayurSatav
      New Participant
      June 12, 2023

      Hi @gmahendra ,

       

      If you are looking for any tool then you can use Python script to convert .scss files into .less files. you can use the sass and lesscpy libraries.

        G
        gmahendraAuthor
        New Participant
        June 12, 2023

        yes i need tool to convert multiple files.

          iamnjain
          iamnjain
          New Participant
          June 12, 2023

          Hi @gmahendra 

           

          Can you please provide more details about the issue you are facing?

            G
            gmahendraAuthor
            New Participant
            June 12, 2023

            i have few scss files i want to convert to less
            ex :  


            src/main/webpack/site/scss/foundation

            test.sess

            var.sess

             

            i want to convert to less below folder 
            src/main/content/jcr_root/apps/test/clientlibs/clientlib-test/css

            test.less

              iamnjain
              iamnjain
              New Participant
              June 12, 2023

              You need to use some third party library to configure in ui.frontend and make some changes in webpack config too.

               

              For eg. this is one opensource tool for conversion

               

              https://github.com/mucluck/sass2less

                Terms & ConditionsAccessibility statement

                Loading footer...