From 67e28cac7e1963edaaaef8756c8a7acbe4395e0e Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Mon, 13 Mar 2017 13:17:20 +0000
Subject: [PATCH] =?UTF-8?q?Don=E2=80=99t=20halt=20Gulp=20watch=20on=20JS/S?=
 =?UTF-8?q?ASS=20errors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Problem
---
You make a minor typo, save the file and your Gulp process dies without
you realising. You then spend 5 minutes trying to work out why your
changes aren’t appearing, no matter what edits you make.

Solution
---

Catch errors raised in processing the JS/SASS files and log them,
without killing the process.

How
---

Use a handy plugin called
[Gulp PrettyError](https://www.npmjs.com/package/gulp-prettyerror).
---
 gulpfile.babel.js | 2 ++
 package.json      | 1 +
 2 files changed, 3 insertions(+)

diff --git a/gulpfile.babel.js b/gulpfile.babel.js
index d6356a587..ab087224b 100644
--- a/gulpfile.babel.js
+++ b/gulpfile.babel.js
@@ -66,6 +66,7 @@ gulp.task('javascripts', () => gulp
     paths.src + 'javascripts/listEntry.js',
     paths.src + 'javascripts/main.js'
   ])
+  .pipe(plugins.prettyerror())
   .pipe(plugins.babel({
     presets: ['es2015']
   }))
@@ -83,6 +84,7 @@ gulp.task('javascripts', () => gulp
 
 gulp.task('sass', () => gulp
   .src(paths.src + '/stylesheets/main*.scss')
+  .pipe(plugins.prettyerror())
   .pipe(plugins.sass({
     outputStyle: 'compressed',
     includePaths: [
diff --git a/package.json b/package.json
index e8dd5e436..e9338145b 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
   "devDependencies": {
     "gulp-css-url-adjuster": "0.2.3",
     "gulp-jshint": "2.0.0",
+    "gulp-prettyerror": "1.2.1",
     "gulp-sass-lint": "1.1.1",
     "jshint": "2.9.1",
     "jshint-stylish": "2.1.0"