angular-jk-carousel/build/assets/gulp.assets.styles.js

Amazing carousel for angular material

(function() {
  'use strict';

  function handleError(err) {
    console.error(err.toString());
    process.exit(1);
  }

  var gulp = require('gulp'),
    sass = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    concat = require('gulp-concat'),
    size = require('gulp-size'),
    csso = require('gulp-csso');

  gulp.task('assets-sass-dev', function() {
    return gulp.src(['src/assets/styles/**/*.scss'])
      .pipe(sass({
        style: 'expanded'
      }))
      .on('error', handleError)
      .pipe(autoprefixer('last 1 version')) //Adds vendor prefixes (mozilla,webkit,etc) to the css styles
      .pipe(concat('jk-carousel.css'))
      .pipe(gulp.dest('.tmp'))
      .pipe(size());
  });

  gulp.task('assets-sass-prod', ['assets-sass-dev'], function() {
    return gulp.src(['.tmp/jk-carousel.css'])
      .pipe(csso())
      .pipe(concat('jk-carousel.min.css'))
      .pipe(gulp.dest('.tmp'))
      .pipe(size());
  });

  gulp.task('assets-styles', ['assets-sass-prod'], function() {
    return gulp.src(['.tmp/*.css'])
      .pipe(gulp.dest('dist'))
      .pipe(size());
  });

})();