text: 'use strict';
  
  import { paths } from '../gulpfile.babel';
  import gulp from 'gulp';
  import browsersync from 'browser-sync';
  
  gulp.task('serve', () => {
    browsersync.init({
      server: {
        baseDir: ['./dist/'],
        //Route paths are not relative to the base directory
        routes: {
          '/404': 'dist/404.html',
          '/about': 'dist/pages/about.html',
        },
      },
      port: 80,
      notify: true,
    });
  
    gulp.watch(paths.views.watch, gulp.parallel('views'));
    gulp.watch(paths.styles.watch, gulp.parallel('styles'));
    gulp.watch(paths.scripts.watch, gulp.parallel('scripts'));
    gulp.watch(paths.images.watch, gulp.parallel('images'));
    gulp.watch(paths.fonts.watch, gulp.parallel('fonts'));
  });
  