gulpfile.babel.js

import gulp from 'gulp';
import pug from 'gulp-pug';
import webserver from 'gulp-webserver';
import del from 'del';
import image from 'gulp-image';
import dartSass from 'sass';
import gulpSass from 'gulp-sass';
import autoprefixer from 'gulp-autoprefixer';
import csso from 'gulp-csso';
import browserify from 'gulp-bro';
import babelify from 'babelify';
import pages from 'gulp-gh-pages';
import favicons from 'gulp-favicons';

const sass = gulpSass(dartSass);

const clean = () => del(['dist', '.publish']);

const html = () => gulp.src('src/index.pug').pipe(pug()).pipe(gulp.dest('dist'));

const img = () => gulp.src('src/img/*').pipe(image()).pipe(gulp.dest('dist/img'));

const css = () =>
  gulp
    .src('src/scss/style.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer())
    .pipe(csso())
    .pipe(gulp.dest('dist/css'));

const js = () =>
  gulp
    .src('src/js/main.js')
    .pipe(
      browserify({
        debug: process.env.NODE_ENV === 'development',
        transform: [
          babelify.configure({ presets: ['@babel/preset-env'] }),
          ['uglifyify', { global: true }],
        ],
      }),
    )
    .pipe(gulp.dest('dist/js'));

const favicon = () =>
  gulp
    .src('src/img/favicon.svg')
    .pipe(
      favicons({
        html: 'index.html',
        icons: {
          favicons: true,
          android: false,
          appleIcon: false,
          appleStartup: false,
          windows: false,
          yandex: false,
        },
      }),
    )
    .pipe(gulp.dest('dist/favicons'));

const ws = () => gulp.src('dist').pipe(webserver({ livereload: true }));

const publish = () => gulp.src('dist/**/*').pipe(pages());

const watch = () => {
  gulp.watch('src/**/*.pug', html);
  gulp.watch('src/**/*.scss', css);
  gulp.watch('src/**/*.js', js);
};

const prepare = gulp.parallel(clean);
const assets = gulp.parallel(html, css, js, img, favicon);
const live = gulp.parallel(ws, watch);

export const build = gulp.series(prepare, assets);
export const dev = gulp.series(build, live);
export const deploy = gulp.series(build, publish, clean);