gulpfile.js

'use strict';
var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var babel = require('gulp-babel');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var browserSync = require('browser-sync');
var notify = require('gulp-notify');
var jshint = require('gulp-jshint');
var rename = require('gulp-rename');
var uglify = require('gulp-uglify');
var postcss = require('gulp-postcss');
var vfs = require('vinyl-fs');
var converter = require('sass-convert');
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');
var config = {

  sassPath: './src/scss',
  npmDir: './node_modules'
};

gulp.task('convert-to-scss', function () {
  return gulp.src(config.npmDir + '/bulma/sass/**/*.+(sass|scss)')
    .pipe(converter({
      from: 'sass',
      to: 'scss',
    }))
    .pipe(rename(function(path){
      path.extname = '.scss';
    }))
    .pipe(vfs.dest('./src/scss'));
});

gulp.task('compile-scss', function () {
  var processors = [
    autoprefixer({browsers: ['last 1 version']}),
    //cssnano(),
  ];
  gulp.src('vegeta.scss')
  .pipe(sourcemaps.init())
  .pipe(sass({includePaths: [
    'src/scss',
    config.npmDir + '/font-awesome/scss'
  ]}))
  //.pipe(sass({outputStyle: 'compressed'}))
  .pipe(sass({outputStyle: 'nested'}))
  .on("error", notify.onError(function (error) {
    return "Error: " + error.message;
  }))
  .pipe(postcss(processors))
  .pipe(gulp.dest('dist/css'))
  .pipe(gulp.dest("test/css"))
  .pipe(browserSync.stream());
});

// apply PostCSS plugins
gulp.task('minify-css', function() {
  return gulp.src('dist/css/vegeta.css')
    .pipe(postcss([
      require('autoprefixer')({}),
      require('cssnano')
    ]))
    .pipe(gulp.dest('dist/css/minified'));
});

gulp.task('font-awesome', function() {

    return gulp.src(config.npmDir + '/font-awesome/fonts/**.*')

    .pipe(gulp.dest('./dist/fonts'))
    .pipe(gulp.dest("test/fonts"))
    .pipe(browserSync.stream());
});

gulp.task('browser-sync', function() {
    browserSync.init(["dist/css/*.css"], {
        server: {
            baseDir: "./test"
        }
    });
});

gulp.task('default', ['font-awesome', 'compile-scss', 'browser-sync'], function () {
  gulp.watch("src/scss/**/*.scss", ['compile-scss', 'minify-css']).on('change', browserSync.reload);
  gulp.watch('./test/*.html').on('change', browserSync.reload);
});