Don’t halt Gulp watch on JS/SASS errors

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).
This commit is contained in:
Chris Hill-Scott
2017-03-13 13:17:20 +00:00
parent e918aebd29
commit 67e28cac7e
2 changed files with 3 additions and 0 deletions

View File

@@ -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: [

View File

@@ -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"