gulpfile.js

const { series, parallel, src, dest } = require("gulp");
const clean = require("gulp-clean");
const sass = require("gulp-sass")(require("sass"));
const sourcemaps = require("gulp-sourcemaps");
const autoprefixer = require("gulp-autoprefixer");
const cleanCSS = require("gulp-clean-css");
const minify = require("gulp-minify");
const htmlmin = require("gulp-htmlmin");
const replace = require("gulp-replace");
const versionNumber = require("gulp-version-number");

function cleanAll() {
    return src(["css/", "publish/", "dist/"], { allowEmpty: true })
        .pipe(clean({ force: true }));
}

function cssTranspile() {
    return src("./sass/main.scss")
        .pipe(sourcemaps.init())
        .pipe(sass({ "outputStyle": "expanded" }).on("error", sass.logError))
        .pipe(sourcemaps.write("."))
        .pipe(dest("./css/"));
}

function cssMinify() {
    return src("./css/*.css")
        .pipe(sourcemaps.init())
        .pipe(autoprefixer())
        .pipe(cleanCSS())
        .pipe(sourcemaps.write("."))
        .pipe(dest("publish/css/"));
}

function jsTranspile() {
    return src(["./js/*.js", "./node_modules/mustache/mustache.js"])
        .pipe(dest("publish/js"));
}

function jsBundle(cb) {
    cb();
}

function jsMinify() {
    return src("publish/js/*.js")
        .pipe(sourcemaps.init())
        .pipe(minify({
            ext: {
                src: "-debug.js",
                min: ".js"
            },
            compress: true,
            mangle: true
        }))
        .pipe(sourcemaps.write("."))
        .pipe(dest("publish/js"));
}

function html() {
    const versionConfig = {
        'value': '%MDS%',
        'append': {
            'key': 'v',
            'to': ['css', 'js'],
        },
    };

    return src("./*.html")
        .pipe(htmlmin({ collapseWhitespace: true }))
        .pipe(versionNumber(versionConfig))
        .pipe(dest("publish/"));
}

function setPublishDate() {
    var today = new Date();

    return src(["publish/*"])
        .pipe(replace(/@Publish_Date_Format/g, today.toISOString()))
        .pipe(replace(/@Publish_Date/g, today.toLocaleString()))
        .pipe(dest("publish/"));
}

function changeMustachePath() {
    return src(["publish/*"])
        .pipe(replace(/node_modules\/mustache\/mustache.min.js/g, "./js/mustache.js"))
        .pipe(dest("publish/"));
}

function copySEO() {
    return src(["./sitemap.xml", "./robots.txt"])
        .pipe(dest("publish/"));
}

function copyAssets() {
    return src(["./images/**/*"], { base: "./" })
        .pipe(dest("publish/"));
}

function copyFavicon() {
    return src(["./images/favicon/favicon.ico"])
        .pipe(dest("publish"));
}

function preparePackage() {
    return src(["LICENSE", "./docs/*.png"], { base: "./" })
        .pipe(dest("dist"));
}

function copyArtifacts() {
    return src(["./docs/package.json", "./publish/css/main.css", "./docs/README.md"])
        .pipe(replace("/*# sourceMappingURL=main.css.map */", ""))
        .pipe(dest("dist"));
}

exports.default = series(
    cleanAll,
    parallel(
        cssTranspile,
        series(jsTranspile, jsBundle)
    ),
    parallel(cssMinify, jsMinify),
    html,
    setPublishDate,
    changeMustachePath,
    copySEO,
    copyAssets,
    copyFavicon,
    parallel(preparePackage, copyArtifacts)
);