There are no mixins in less, and different variants of border-radius appear in css, etc. How is the less file compiled?

Question

css

Hello.
I was given a site with css and less. I want to edit less and compile to css so as not to lose less.
The only problem is that it is not clear how it is compiled. The fact is that there are no impurities in less, and a set of properties for different browsers appears in css. For example, in less is
border-radius: 10px;, and in css it is compiled to
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
Also at the bottom of the css is the code "sourceMappingURL=data:application/json;base64,..."
How could this less be compiled?

Answer 1

It doesn't matter what less is compiled with, because then the compilation result is run through the autoprefixer .

Also at the bottom of the css is the code "sourceMappingURL=data:application/json;base64,..."

And this is called Source Maps .
You need to build your build process based on gulp (or any other builder). Since this has become an industry standard for a long time, you can easily find a ready-made config for yourself and plugins for any common task.