Allow Sass compilation to restart after gulp dev errors

package.json

@@ -61,6 +61,7 @@
     "minimatch": "^5.1.0",
     "node-sass": "^8.0.0",
     "nunjucks": "^3.2.3",
+    "plugin-error": "^2.0.0",
     "postcss": "^8.4.19",
     "postcss-pseudo-classes": "^0.2.1",
     "postcss-scss": "^4.0.5",

tasks/gulp/compile-assets.mjs

@@ -12,12 +12,13 @@ import uglify from 'gulp-uglify'
 import merge from 'merge-stream'
 import minimatch from 'minimatch'
 import nodeSass from 'node-sass'
+import PluginError from 'plugin-error'
 import slash from 'slash'
 
 import configPaths from '../../config/paths.js'
 import { getListing } from '../../lib/file-helper.js'
 import { componentNameToJavaScriptModuleName } from '../../lib/helper-functions.js'
-import { destination, isDist, isPackage } from '../task-arguments.mjs'
+import { destination, isDev, isDist, isPackage } from '../task-arguments.mjs'
 
 const sass = gulpSass(nodeSass)
 
@@ -82,9 +83,22 @@ compileStylesheets.displayName = 'compile:scss'
  */
 function compileStylesheet (stream, options = {}) {
   return stream
-    .pipe(plumber())
+    .pipe(plumber(function (cause) {
+      const error = new PluginError('gulp-sass', cause.messageFormatted)
+      error.showProperties = false
+
+      // Gulp continue (watch)
+      if (isDev) {
+        console.error(error.toString())
+        return this.emit('end')
+      }
+
+      // Gulp exit with error
+      return stream.emit('error', error)
+    }))
     .pipe(sass(options))
     .pipe(postcss())
+    .pipe(plumber.stop())
 }
 
 /**

tasks/task-arguments.mjs

@@ -35,3 +35,4 @@ export const destination = destPath
 export const isPackage = target === 'package'
 export const isPublic = target === 'public'
 export const isDist = target === 'dist'
+export const isDev = isPublic && tasks.includes('dev')