New gulpfile.js for sc5-stylesheet

gulpfile.js

var gulp = require('gulp');
var styleguide = require('sc5-styleguide');
var sass = require('gulp-sass');

const projectTitle = 'C4RE Style Guide';
const sourcePath = 'src';
const outputPath = 'output';
const styleSourcePath = sourcePath + '/styles';
const scssRoot = styleSourcePath + '/tutorial.scss';
const scssWild = styleSourcePath + '/**/*.scss';
const overviewPath = styleSourcePath + '/README.md';

gulp.task('styleguide:generate', function() {
  return gulp.src(scssWild)
    .pipe(styleguide.generate({
        title: projectTitle,
        server: true,
        port: 3001,
        rootPath: outputPath,
        overviewPath: overviewPath,
        beforeBody: [
            "<style>@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin');</style>"
        ]
      }))
    .pipe(gulp.dest(outputPath));
});
 
gulp.task('styleguide:applystyles', function() {
  return gulp.src(scssRoot)
    .pipe(sass({ errLogToConsole: true }))
    .pipe(styleguide.applyStyles())
    .pipe(gulp.dest(outputPath));
});
 
gulp.task('watch', ['styleguide'], function() {
  // Start watching changes and update styleguide whenever changes are detected 
  // Styleguide automatically detects existing server instance 
  gulp.watch(['*.scss'], ['styleguide']);
});
 
gulp.task('styleguide', ['styleguide:generate', 'styleguide:applystyles']);