modern-spa-boilerplate/gulp/dev.js

Modern Boilerplate for Single Page Applications

/* eslint no-console: 0 */

/*
========================================================================
   Developer Support
========================================================================
*/

import gulp from "gulp"
import run from "run-sequence"

import { $, logChange, devServer } from "./common"

import { get as getConfig } from "./config"

gulp.task("build", (done) =>
  run("vue:split", [ "css:build", "js:build" ], done)
)

gulp.task("watch", [ "build" ], () =>
{
  gulp.start("vue:watch")
  gulp.start("css:watch")
  gulp.start("js:watch")

  gulp.watch("src/*.html").
    on("change", devServer.reload).
    on("change", logChange)

  // protip: stop old version of gulp watch from running when you modify the gulpfile
  // via: https://gist.github.com/pornel/ca9631f5348383b61bc7b359e96ced38
  gulp.watch([
    "gulpfile.babel.js",
    "gulp/*.js"
  ]).
    on("change", () =>
      process.exit(0)
    )
})

gulp.task("serve", () =>
  devServer.init({
    open: false,
    logConnections: true,
    logPrefix: "Server",
    logFileChanges: false,
    reloadOnRestart: true,
    injectChanges: true,
    notify: true,
    port: 8085,
    server: {
      baseDir: "./src"
    },
    middleware: getConfig("browserSync.middleware")
  })
)

gulp.task("default", [ "serve", "watch" ])