@pegakit/pegakit/build-tools/build/tasks/watch.js

The living styleguide, pattern library, UI ToolKit, and front-end build tools that power Pega's digital web properties.

'use strict';
var browserSync = require("browser-sync").get('BrowserSync Server');

module.exports = function (gulp, config, $) {
  
  gulp.task('watch', 'When any of the locally watched files change, run a specific task.', function(){
    gulp.watch('source/_email-templates/**/*.html', ['email-templates']);
    gulp.watch('source/images/icons/**/*', ['svgstore', 'patternlab']);
    gulp.watch(['source/styles/**/*.scss', 'node_modules/pegakit-framework/**/*.scss'], ['styles']);
    gulp.watch(['source/**/*.js', '!source/scripts/libs/inline_svg_rev.js'], ['webpack']);
    
    //Automatically recompile patternlab if our inlined critical JS file changes.
    // gulp.watch(['public/scripts/critical.built.js'], ['patternlab']);
    // gulp.watch(['public/styles/critical/**/*'], ['patternlab']);
    
    gulp.watch([
      'source/_patterns/**/*',
      'source/_data/*.json',
      '!source/_data/*.sass.json',
      'source/_twig-components/**/*.php',
      'source/_meta/**/*.twig'
    ], ['patternlab']);
    
    gulp.watch([
      'source/_data/*.sass.json',
    ], ['patternlab']);
    
    gulp.watch("public/latest-change.txt").on('change',  browserSync.reload);
    // gulp.watch("public/scripts/**/*").on('change',  browserSync.reload);
  });
  
  
  
};