sick-sad-world
2/10/2017 - 1:58 PM

Gulp task to generate css out of sass

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')
})