From 33dc0a4648024fc299c85f72b9c1663750fd9aac Mon Sep 17 00:00:00 2001 From: Aileen Nowak Date: Mon, 15 Apr 2019 12:52:36 +0800 Subject: [PATCH] Added livereload for .hbs files --- gulpfile.js | 25 +++++++++++++++++-------- 1 file changed, 17 insertions(+), 8 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index 22b21ae2..6e5eae01 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,4 +1,4 @@ -const { series, watch, src, dest } = require('gulp'); +const {series, watch, src, dest, parallel} = require('gulp'); const pump = require('pump'); // gulp plugins and utils @@ -29,28 +29,35 @@ const handleError = (done) => { }; }; +function hbs(done) { + pump([ + src(['*.hbs', 'partials/**/*.hbs', '!node_modules/**/*.hbs']), + livereload() + ], handleError(done)); +} + function css(done) { var processors = [ easyimport, - customProperties({ preserve: false }), + customProperties({preserve: false}), colorFunction(), - autoprefixer({ browsers: ['last 2 versions'] }), + autoprefixer({browsers: ['last 2 versions']}), cssnano() ]; pump([ - src('assets/css/*.css', { sourcemaps: true }), + src('assets/css/*.css', {sourcemaps: true}), postcss(processors), - dest('assets/built/', { sourcemaps: '.' }), + dest('assets/built/', {sourcemaps: '.'}), livereload() ], handleError(done)); } function js(done) { pump([ - src('assets/js/*.js', { sourcemaps: true }), + src('assets/js/*.js', {sourcemaps: true}), uglify(), - dest('assets/built/', { sourcemaps: '.' }), + dest('assets/built/', {sourcemaps: '.'}), livereload() ], handleError(done)); } @@ -71,7 +78,9 @@ function zipper(done) { ], handleError(done)); } -const watcher = () => watch('assets/css/**', css); +const cssWatcher = () => watch('assets/css/**', css); +const hbsWatcher = () => watch(['*.hbs', 'partials/**/*.hbs', '!node_modules/**/*.hbs'], hbs); +const watcher = parallel(cssWatcher, hbsWatcher); const build = series(css, js); const dev = series(build, serve, watcher);