frontend-tasks/tasks/watch.js

Frontend Tasks is a wrapper around gulp for most of the normal use cases for simple and modern frontend development

import gulp from 'gulp';
import notify from 'gulp-notify';

import Config from '../config';

const watch = (options) => {
	return () => {
		notify({ title: Config.projectTitle, message: 'Watching for changes...' }).write('');

		options.paths.forEach((path) => {
			gulp.watch(path.src, path.tasks)
				.on('change', function () {
					if (Config.showNotifications) {
						notify({ title: Config.projectTitle, message: path.changeMessage || 'Change' }).write('');
					}
				})
				.on('error', function (error) {
					if (Config.showNotifications) {
						notify.onError({
							title: Config.projectTitle,
							message: path.errorMessage || 'Error: ' + error.message,
						});
					}
				});
		});
	};
};

export default watch;