Preprocessors are tools that accept code and compile it. In our context, such instruments output CSS. There are few big benefits of using preprocessors.
.cssfile is not an option anymore. We all need to split our styles logically and this normally happens by creating a bunch of different files. CSS has a mechanism to import one file from another—the
@importdirective. However, by using it, we are forcing the browser to create another HTTP request to the server, which can decrease the performance of our application. CSS preprocessors normally deliver only one file by replacing the functionality of
@importand simply concatenating all the used files.