Less是一種CSS預處理器，可以通過類似于編程語言的語法擴展CSS。但是，瀏覽器不能直接解析Less文件，因此需要將Less文件編譯成CSS文件。

編譯Less文件非常簡單，只需要使用Less工具即可。Less有很多編輯器插件和構建工具集成Less編譯器，比如gulp、grunt等等。這里我們以gulp為例。

npm install gulp-less --save-dev

運行上述命令，我們就可以在項目中使用gulp-less插件了。接下來，我們需要在gulpfile.js文件中配置gulp任務。

var gulp = require('gulp');
var less = require('gulp-less');
gulp.task('less', function () {
return gulp.src('less/**/*.less')
.pipe(less())
.pipe(gulp.dest('css'));
});
gulp.task('default', ['less']);

gulp配置完成后，我們就可以通過運行gulp命令來編譯Less文件了。將上述代碼放入gulpfile.js文件中，然后在終端中運行gulp命令，就可以將Less文件編譯成CSS文件了。

總結一下：

• 安裝gulp-less插件
• 配置gulp任務
• 運行gulp命令