gulpfile.babel.js

import gulp from "gulp";
import babel from "gulp-babel";
import uglify from "gulp-uglify";
import concat from "gulp-concat";
import cleanCSS from "gulp-clean-css";
import sass from "gulp-sass";
import rename from "gulp-rename";

const paths = {
  styles: {
    src: "./src/css/pureFullPage.scss",
    dest: "./dist",
  },
  scripts: {
    src: ["./src/js/utils.js", "./src/js/pureFullPage.js"],
    dest: "./dist",
  },
};

const transferCSS = () =>
  gulp
    .src(paths.styles.src)
    .pipe(sass().on("error", sass.logError))
    .pipe(cleanCSS({ compatibility: "*" }))
    .pipe(rename("pureFullPage.min.css"))
    .pipe(gulp.dest(paths.styles.dest));

const transferJS = () =>
  gulp
    .src(paths.scripts.src)
    .pipe(concat("pureFullPage.min.js"))
    .pipe(babel())
    .pipe(uglify())
    .pipe(gulp.dest(paths.scripts.dest));

export const watch = () => {
  gulp.watch(paths.styles.src, transferCSS);
  gulp.watch(paths.scripts.src, transferJS);
};

// build files
export const build = gulp.parallel(transferCSS, transferJS);