gulpfile.js

const gulp = require('gulp');


/* General plugins */
const browserSync = require('browser-sync').create();
const nodemon = require('gulp-nodemon');


/* Plugins related SCSS and CSS */
const rename = require('gulp-rename');
const sass = require('gulp-sass')(require('sass'));
const autoprefixer = require('gulp-autoprefixer');


/* Plugins related to JS */
const deporder = require('gulp-deporder');


/* Plugins related images */
const newer = require('gulp-newer');
const imagemin = require('gulp-imagemin');


/* Paths */
const styleSrc = 'resources/scss/**/*.scss';
const styleDest = './dist/public/css/';
const scriptSrc = 'resources/js/**/*.js';
const scriptDest = './dist/public/js/';
const imgSrc = 'resources/img/**/*';
const imgDest = './dist/public/img/';
const iconSrc = 'resources/icons/**/*';
const iconDest = './dist/public/icons/';


/* SCSS to CSS task */
gulp.task('style', () => gulp.src(styleSrc)
  .pipe(sass({
    outputStyle: 'compressed',
  })
    .on('error', sass.logError))
  .pipe(autoprefixer({
    cascade: false,
  }))
  .pipe(rename({ suffix: '.min' }))
  .pipe(gulp.dest(styleDest)));


/* JS task */
gulp.task('script', () => gulp.src(scriptSrc)
  .pipe(deporder())
  // .pipe(stripDebug ? stripDebug() : noop())
  // .pipe(terser())
  .pipe(gulp.dest(scriptDest)));


/* Image task */
gulp.task('image', () => gulp.src(imgSrc)
  .pipe(newer(imgDest))
  .pipe(imagemin({ optimizationLevel: 5 }))
  .pipe(gulp.dest(imgDest)));


/* Icon task */
gulp.task('icon', () => gulp.src(iconSrc)
  .pipe(newer(iconDest))
  .pipe(imagemin({ optimizationLevel: 5 }))
  .pipe(gulp.dest(iconDest)));


/* Nodemon task */
gulp.task('nodemon', (done) => {
  const STARTUP_TIMEOUT = 5000;
  const server = nodemon({
    script: 'dist/server.js',
    stdout: true, // without this line the stdout event won't fire
    stderr: true,
  });
  let starting = false;

  const onReady = () => {
    starting = false;
    done();
  };

  server.on('start', () => {
    starting = true;
    setTimeout(onReady, STARTUP_TIMEOUT);
  });

  server.on('stdout', (stdout) => {
    process.stdout.write(stdout); // pass the stdout through
    if (starting) {
      onReady();
    }
  });
});


/* Browser-Sync Task */
gulp.task('browser-sync', (done) => {
  browserSync.init({
    proxy: 'http://localhost:3001',
    files: ['public/**/*.*', 'views/**/*.*', 'resources/**/*.*', '*.js', 'routes/*.js', 'dist/server.js'],
    port: 3000,
    ui: {
      port: 3030,
    },
  }, done);
});


/* Watch files */
gulp.task('watch', (done) => {
  gulp.watch(styleSrc, gulp.series('style'));
  gulp.watch(scriptSrc, gulp.series('script'));
  gulp.watch(imgSrc, gulp.series('image'));
  gulp.watch(iconSrc, gulp.series('icon'));

  done();
});


/* Build project */
gulp.task('build', gulp.series('style', 'script', 'image', 'icon'));


/* Serve project */
gulp.task('serve', gulp.series('build', 'nodemon', 'browser-sync'));


/* Default task */
gulp.task('default', gulp.series('serve', 'watch'));