fix(html-minify): ignore interpolation expressions

also introduces better error handling for the processMarkup task

closes #619

Author: JeroenVinke

lib/resources/tasks/process-markup-minify-max.js

@@ -1,11 +1,14 @@
 import gulp from 'gulp';
 import htmlmin from 'gulp-htmlmin';
+import plumber from 'gulp-plumber';
+import notify from 'gulp-notify';
 import changedInPlace from 'gulp-changed-in-place';
 import project from '../aurelia.json';
 import {build} from 'aurelia-cli';
 
 export default function processMarkup() {
   return gulp.src(project.markupProcessor.source)
+    .pipe(plumber({errorHandler: notify.onError('Error: <%= error.message %>')}))
     .pipe(changedInPlace({firstPass:true}))
     .pipe(htmlmin({
         removeComments: true,
@@ -16,7 +19,8 @@ export default function processMarkup() {
         minifyCSS: true,
         minifyJS: true,
         removeScriptTypeAttributes: true,
-        removeStyleLinkTypeAttributes: true
+        removeStyleLinkTypeAttributes: true,
+        ignoreCustomFragments: [/\${.*}/g] // ignore interpolation expressions
     }))
     .pipe(build.bundle());
 }

lib/resources/tasks/process-markup-minify-max.ts

@@ -1,11 +1,14 @@
 import * as gulp from 'gulp';
 import * as htmlmin from 'gulp-htmlmin';
+import * as plumber from 'gulp-plumber';
+import * as notify from 'gulp-notify';
 import * as changedInPlace from 'gulp-changed-in-place';
 import * as project from '../aurelia.json';
 import {build} from 'aurelia-cli';
 
 export default function processMarkup() {
   return gulp.src(project.markupProcessor.source)
+    .pipe(plumber({errorHandler: notify.onError('Error: <%= error.message %>')}))
     .pipe(changedInPlace({firstPass:true}))
     .pipe(htmlmin({
         removeComments: true,
@@ -16,7 +19,8 @@ export default function processMarkup() {
         minifyCSS: true,
         minifyJS: true,
         removeScriptTypeAttributes: true,
-        removeStyleLinkTypeAttributes: true
+        removeStyleLinkTypeAttributes: true,
+        ignoreCustomFragments: [/\${.*}/g] // ignore interpolation expressions
     }))
     .pipe(build.bundle());
 }

lib/resources/tasks/process-markup-minify-min.js

@@ -1,17 +1,21 @@
 import gulp from 'gulp';
 import htmlmin from 'gulp-htmlmin';
+import plumber from 'gulp-plumber';
+import notify from 'gulp-notify';
 import changedInPlace from 'gulp-changed-in-place';
 import project from '../aurelia.json';
 import {build} from 'aurelia-cli';
 
 export default function processMarkup() {
   return gulp.src(project.markupProcessor.source)
+    .pipe(plumber({errorHandler: notify.onError('Error: <%= error.message %>')}))
     .pipe(changedInPlace({firstPass:true}))
     .pipe(htmlmin({
         removeComments: true,
         collapseWhitespace: true,
         minifyCSS: true,
-        minifyJS: true
+        minifyJS: true,
+        ignoreCustomFragments: [/\${.*}/g] // ignore interpolation expressions
     }))
     .pipe(build.bundle());
 }

lib/resources/tasks/process-markup-minify-min.ts

@@ -1,17 +1,21 @@
 import * as gulp from 'gulp';
 import * as htmlmin from 'gulp-htmlmin';
+import * as plumber from 'gulp-plumber';
+import * as notify from 'gulp-notify';
 import * as changedInPlace from 'gulp-changed-in-place';
 import * as project from '../aurelia.json';
 import {build} from 'aurelia-cli';
 
 export default function processMarkup() {
   return gulp.src(project.markupProcessor.source)
+    .pipe(plumber({errorHandler: notify.onError('Error: <%= error.message %>')}))
     .pipe(changedInPlace({firstPass:true}))
     .pipe(htmlmin({
         removeComments: true,
         collapseWhitespace: true,
         minifyCSS: true,
-        minifyJS: true
+        minifyJS: true,
+        ignoreCustomFragments: [/\${.*}/g] // ignore interpolation expressions
     }))
     .pipe(build.bundle());
 }