gulpfile.js

const gulp = require('gulp')
const browserSync = require('browser-sync').create()
const sass = require('gulp-sass')
const liquify = require('gulp-liquify')

// NOTE: dumbdata will not reload when browserSync is triggered as it is a build level dependancy
var dumbdata = require('./dumbdata')


gulp.task('serve', ['sass', 'move', 'liquify'], function() {
  browserSync.init({
    server: './dist',
    port:1337
  })
  gulp.watch('src/**', ['liquify'])
  gulp.watch('src/**', ['move'])
  gulp.watch('src/sass/*.scss', ['sass'])
  gulp.watch('dist/**').on('change', browserSync.reload)
})
gulp.task('liquify', () => {
  console.log('liquid template compilation example')
  gulp.src('./src/html/*.html')
      .pipe(liquify(dumbdata, { base: "./src/html/liquid-partials/" }))
      .pipe(gulp.dest('./dist/'))
})
gulp.task('move', function(){
  gulp.src('src/js/*.js').pipe(gulp.dest('dist/js'))
  gulp.src('src/sass/fonts/**').pipe(gulp.dest('dist/css/fonts'))
  gulp.src('src/img/**').pipe(gulp.dest('dist/img'))
})
gulp.task('sass', function() {
  return gulp.src('src/sass/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('dist/css'))
    .pipe(browserSync.stream())
})

gulp.task('default', ['serve'])
gulp.task('build', ['sass', 'move', 'liquify'])
// example task construction
// gulp.task('{command line command}', ['{task that will run}'])