Before diving into the procedure, how to install the gulp-sass, we have to make sure that we have installed gulp in our system. Let’s
brush the gulp installation process. If you have not installed before,gulp have to make sure you install it globally first. Start by running,npm install -g gulp
once that has completed we need to add it to our project, type. npm install --save-dev gulp
After installing the gulp we can now start sass installation, Let me remind you that Sass is CSS preprocessor which pretty much reduces the CSS development time.
Sass to CSS conversion is one of the important development activity. Gulp provides `gulp-sass` plugin for this process.
Installation
npm install gulp-sass --save-dev
Sample Code
'use strict';
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {
return gulp.src('./sass/**/*.scss')
.pipe(sass())
.pipe(gulp.dest('./css'));
});
gulp.task('sass:watch', function () {
gulp.watch('./sass/**/*.scss', ['sass']);
});
Leave your questions in the comment section, I will try to answer your question and clear your doubts.
