gulpfile.js

var gulp = require('gulp')
var nunjucksRender = require('gulp-nunjucks-render')
var del = require('del')
var browserSync = require('browser-sync').create()

gulp.task('clean', () => {
  return del([
    'app/pages',
    'app/index.html'
  ])
})
 
gulp.task('nunjucks', ['clean'], () => {
  // Gets .html and .nunjucks files in pages
  return gulp.src([
    'app/views/**/*.+(html|nunjucks)',
    '!app/views/layouts/**/*.+(html|nunjucks)',
    '!app/views/partials/**/*.+(html|nunjucks)'
  ])
  // Renders template with nunjucks
  .pipe(nunjucksRender({
    path: ['app/views']
  }))
  // output files in app folder
  .pipe(gulp.dest('app'))
})

// Copy third party libraries from /node_modules into /vendor
gulp.task('vendor', () => {
  // Bootstrap
  gulp.src([
    './bower_components/bootstrap/dist/**/*',
    '!./bower_components/bootstrap/dist/css/bootstrap-grid*',
    '!./bower_components/bootstrap/dist/css/bootstrap-reboot*'
  ])
    .pipe(gulp.dest('app/vendor/bootstrap'))
 
  // jQuery
  gulp.src([
    './bower_components/jquery/dist/*',
    '!./bower_components/jquery/dist/core.js'
  ])
    .pipe(gulp.dest('app/vendor/jquery'))
 
  // Web3
  gulp.src([
    './bower_components/web3/dist/*',
    '!./bower_components/web3/dist/web3.min.js'
  ])
    .pipe(gulp.dest('app/vendor/web3'))
 
  // jQuey Validation
  gulp.src([
    './bower_components/jquery-validation/dist/jquery.validate.min.js'
  ])
    .pipe(gulp.dest('app/vendor/jquery-validation'))
 
  // Font Awesome
  gulp.src([
    './bower_components/Font-Awesome/svg-with-js/js/fontawesome-all.min.js'
  ])
    .pipe(gulp.dest('app/vendor/font-awesome'))
})

// Default task
gulp.task('default', ['nunjucks', 'vendor'])
 
// Configure the browserSync task
gulp.task('browserSync', () => {
  browserSync.init({
    server: {
      baseDir: 'app',
      main: 'index.html',
      directory: false
    }
  })
})
 
// Dev task
gulp.task('dev', ['nunjucks', 'browserSync'], () => {
  gulp.watch('app/styles/*.css', browserSync.reload)
  gulp.watch('app/scripts/*.js', browserSync.reload)
  gulp.watch('app/*.html', browserSync.reload)
  gulp.watch('app/**/*.html', browserSync.reload)
  gulp.watch('app/**/*.nunjucks', ['clean', 'nunjucks', browserSync.reload])
})