I have a question about the server side where the styles are rendered, at least with Chrome and FireFox.
And it is that these use the .LESS instead of the .CSS. In development it is good that you show them to me, since that way it is much easier to know what to retouch if necessary.
What I don't understand is why in the non-development server environment where I only upload the .CSS it is taking these .LESS files (and which are also not updated to the latest version).
I use gulp, gulp-less, gulp-autoprefixer, gulp-sourcemaps and browser-sync. These files are also not uploaded to the server environment.
I don't know if this has happened to anyone else, but it's something that I don't like very much that happens, especially if it's not updated when everything is being developed.
Browsers don't use LESS files, they use CSS. But there are so called source maps . Surely your CSS file includes a comment like:
Which tells your browser where to get that file. Or, directly, you introduce it as an embedded binary:
Which you should avoid in production because it means that you have put all the sources inside the result file, and it often occupies more of this part than the result itself.
One way or another, with this information the browser is able to rebuild the original file and allow you to debug by viewing your sources. This works for both CSS and Javascript: here's an example with Typescript that Angular's builder maps and serves to the browser: