gulpfile.js

/* eslint-disable require-jsdoc, no-console */

const { src, dest, series } = require('gulp');
const del = require("del");
const replace = require("gulp-replace");

const displayModes = ["fullscreen", "standalone", "minimal-ui", "browser"];

const cleanDist = () => del(["dist/**", "!dist"]);

const copy = (source, destination) => src(source).pipe(dest(destination));

function generate(done) {
    const templateTasks = displayModes.map(mode => {
        return () => src("src/template/*.*").pipe(replace("{display_mode}", mode)).pipe(dest(`dist/${mode}/`));
    });

    const scriptsTasks = displayModes.map(mode => { 
        return () => copy("src/template/scripts/*.js", `dist/${mode}/scripts/`);
    });

    const styleTasks = displayModes.map(mode => { 
        return () => copy("src/template/styles/*.css", `dist/${mode}/styles/`);
    });

    const manifestImageTasks = displayModes.map(mode => {
        return () => copy(`src/template/images/manifest/${mode}/*.png`, `dist/${mode}/images/manifest/`);
    });

    const iconTasks = displayModes.map(mode => {
        return () => copy("src/template/images/icons/*", `dist/${mode}/images/icons/`);
    });

    const commonTask = () => copy(["src/*", "!src/template"], "dist/");

    const tasks = [...templateTasks, ...scriptsTasks, ...styleTasks, ...manifestImageTasks, ...iconTasks, commonTask];
    return series(...tasks, seriesDone => {
        seriesDone();
        done();
    })();
}

exports.default = series(cleanDist, generate);