Question

How to compile SASS file to css file using gulp?

Answer 1

var gulp   = require('gulp'),

    sass   = require('gulp-sass');

 

// Compile Our Sass

gulp.task('sass', function() {

    return gulp.src('scss/*.scss')

        .pipe(sass())

        .pipe(gulp.dest('css'));

});

 

// Watch Files For Changes

gulp.task('watch', function() {

  gulp.watch('scss/*.scss', ['sass']);

});

 

// Default Task

gulp.task('default', ['sass', 'watch']);