Gulp task to generate css out of sass
const gulp = require('gulp');
const path = require('path');
const sass = require('gulp-sass');
const autoprefixer = require('gulp-autoprefixer');
const sourcemaps = require('gulp-sourcemaps');
const gzip = require('gulp-gzip');
gulp.task('sass:dev', () => {
gulp.src('assets/sass/**/*.scss')
.pipe(sass({
precision: 3,
outputStyle: 'expaned'
}).on('error', sass.logError))
.pipe(sourcemaps.init())
.pipe(autoprefixer({
cascade: false
}))
.pipe(sourcemaps.write('.'))
.pipe('assets/css');
});
gulp.task('sass:prod', () => {
gulp.src('assets/sass/**/*.scss')
.pipe(sass({
precision: 3,
outputStyle: 'compressed'
}).on('error', sass.logError))
.pipe(autoprefixer({
cascade: false
}))
.pipe(gzip({
gzipOptions: {
level: 9
}
}))
.pipe('build/css')
})