My Gulpfile using LiveReload + SASS + Sourcemaps + Static-Server

gulpfile.js

'use strict';

const gulp = require('gulp');
const sass = require('gulp-sass');
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('gulp-autoprefixer');
const concat = require('gulp-concat');
const livereload = require('gulp-livereload');

const http = require('http');
const st = require('st');


let inputPath = './assets/scss/**/*.scss';
let outputPath = './public';


let sassOptions = {
  lineNumbers: true
};

gulp.task('sass', () => {
  return gulp
    // Find all `.scss` files from the `assets/scss` folder
    .src(inputPath)
    .pipe(sourcemaps.init())
    .pipe(sass({
      outputStyle: 'compressed'
    }).on('error', sass.logError))
    .pipe(autoprefixer({
	browsers: ['last 2 versions'],
	cascade: false
    }))
    .pipe(concat('app.min.css'))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest(outputPath))
    .pipe(livereload());
});

gulp.task('css', () => {
  return gulp
    // Find all `.scss` files from the `assets/scss` folder
    .src(inputPath)
    .pipe(sass({
      outputStyle: 'compressed'
    }).on('error', sass.logError))
    .pipe(concat('app.min.css'))
    .pipe(gulp.dest(outputPath))
    .pipe(livereload());
});

gulp.task('watch', ['server'], function() {
  livereload.listen({ basePath: '/public' });
  gulp.watch(inputPath, ['sass']);
});

gulp.task('server', function(done) {
  http.createServer(
    st({
      path: __dirname + '/public',
      index: 'index.html',
      cache: false
    })
  ).listen(8080, done);
});


gulp.task('default', ['sass', 'watch']);