elzar/gulpfile.js/tasks/sassProd.js

resmio glamourous style guide in sass mode

var gulp = require('gulp');
var browserSync = require('browser-sync');
var sass = require('gulp-sass');
var handleErrors = require('../lib/handleErrors');
var sassConfig = require('../config').sass;
var sasslint = require('gulp-scss-lint');
var gulpFilter = require('gulp-filter');
var base64 = require('gulp-base64');
var classPrefix = require('gulp-class-prefix');
var autoprefixer = require('gulp-autoprefixer');

gulp.task('sass:prod', function() {
  var lintFilter = gulpFilter(
    ['**/*.scss', '!base/**/*', '!vendor/**/*'], {restore: true}
  );
  return gulp.src(sassConfig.src)
    .pipe(lintFilter)
    .pipe(sasslint({
      'config': 'scss-lint.yml'
    }))
    .pipe(lintFilter.restore)
    .pipe(sass())
    .on('error', handleErrors)
    .pipe(autoprefixer({
      browsers: ['> 1%', 'ie 9']
    }))
    .on('error', handleErrors)
    .pipe(classPrefix('elzar-'))
    .pipe(base64({
      extensions: ['svg'],
      baseDir: './src'
     }))
    .pipe(gulp.dest(sassConfig.dest))
    .pipe(browserSync.reload({stream:true}));
});