Can you explain how to use Gulp to compile SASS or LESS to CSS?

Gulp - Interview Questions

Gulp, a task runner in JavaScript, can be used to compile SASS or LESS into CSS. To do this, first install Gulp and the necessary plugins: gulp-sass for SASS files and gulp-less for LESS files.

For SASS :

1. Install gulp-sass using npm install –save-dev gulp-sass.
2. Create a ‘gulpfile.js’ at your project root.
3. Require gulp and gulp-sass at the top of this file.
4. Write a function that returns a stream from gulp.src(), pipe it through sass() and then through gulp.dest().
5. Call this function after defining it.

For LESS :

1. Install gulp-less with npm install –save-dev gulp-less.
2. Follow steps 2-5 as above, replacing sass with less.

Here’s an example for SASS :

var gulp = require('gulp');
var sass = require('gulp-sass');
function styleSass() {
    return gulp.src('./sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./css'));
}
exports.style = styleSass;â€‹