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

iamnjain
Community Advisor
iamnjainCommunity Advisor
Community Advisor
June 12, 2023

Hi @gmahendra 

 

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

    G
    gmahendraAuthor
    Level 2
    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
      Community Advisor
      iamnjainCommunity Advisor
      Community Advisor
      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

        MayurSatav
        Community Advisor and Adobe Champion
        MayurSatavCommunity Advisor and Adobe Champion
        Community Advisor and Adobe Champion
        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.

        Mayur Satav | www.mayursatav.in
          G
          gmahendraAuthor
          Level 2
          June 12, 2023

          yes i need tool to convert multiple files.

            DPrakashRaj
            Community Advisor
            DPrakashRajCommunity Advisor
            Community Advisor
            June 13, 2023

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

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

              BrianKasingli
              Community Advisor and Adobe Champion
              BrianKasingliCommunity Advisor and Adobe Champion
              Community Advisor and Adobe Champion
              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/.

                Terms & ConditionsAccessibility statement

                Loading footer...