angular-template-cache-demo.js

const viewFiles = ['src/js/**/*.html', '!src/js/**/*.async.html'];
const asyncViewFiles = 'src/js/**/*.async.html';

gulp.task('asyncViews', function () {
  return gulp.src(asyncViewFiles)
    .pipe(gulp.dest('./build/templates'));
});

gulp.task('views', ['asyncViews'], function () {
  return gulp.src(viewFiles)
      .pipe(templateCache({
        standalone: true,
      }))
      .on('error', interceptErrors)
      .pipe(rename('app.templates.js'))
      .pipe(gulp.dest('./src/js/config/'));
});

// inside my angular component 
// if i want to load the view asynchronously
templateUrl: 'templates/providerTerms/providerTerms.async.html',

// otherwise 
templateUrl: 'providerTerms/providerTerms.html',