请说明CSS预处理器的基本作用，以及在工程化项目中如何将其转换为最终的CSS文件。

回答思路

1. 能说明CSS预处理器提供的变量、嵌套、混合、函数等增强能力
2. 能解释构建工具（如Webpack、Vite）通过Loader/插件将预处理器源码编译为浏览器可识别的CSS
3. 能提及常见的预处理语法（如SCSS、LESS）和构建配置接入方式