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..0f67bdf70 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "gulp-concat": "2.6.0",
     "gulp-include": "2.1.0",
     "gulp-load-plugins": "1.1.0",
-    "gulp-sass": "2.2.0",
+    "gulp-sass": "3.1.0",
     "gulp-uglify": "1.5.1",
     "hogan": "1.0.2",
     "jquery": "1.11.2",
@@ -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"