pomy/site/plugins/changelog/gulp/tasks/sass.js

Based on the concept of a project object model (POM), POMY can manage a project's build, reporting and documentation from a central piece of information.

'use strict';

var
  gulp = require('gulp'),
  sass = require('gulp-sass'),
  autoprefixer = require('gulp-autoprefixer'),
  cmq = require('gulp-group-css-media-queries'),
  csso = require('gulp-csso'),
  size = require('gulp-size'),
  rename = require('gulp-rename'),
  gulpif = require('gulp-if'),
  handleErrors = require('../util/handleErrors'),
  browserSync = require('browser-sync');

gulp.task('sass', function() {

  var dest = './public/changelog/css';

  return gulp.src('./public/changelog/scss/app.{scss,sass}')
    .pipe(sass({
      precision: 7,
      outputStyle: 'nested'
    }))
    .on('error', handleErrors)
    .pipe(autoprefixer())
    .pipe(gulpif(global.isProduction, cmq({
      log: true
    })))
    .pipe(csso())
    .pipe(rename("classes.all.css"))
    .pipe(gulp.dest(dest))
    .pipe(browserSync.reload({
      stream: true
    }))
    .pipe(size());
});