Gulpfile for creating HTML tags from single-file scripts

html-tag-gulpfile.ts

import GulpClient = require("gulp");
import del from "del";
import { dest, series, src, watch } from "gulp";
import { appendText, prependText } from "gulp-append-prepend";
import rename from "gulp-rename";
import ts from "gulp-typescript";

const DIST = "dist";
const SOURCE = "src/*.ts";

const project = ts.createProject("./tsconfig.json");

const clean: GulpClient.TaskFunction = () => del(DIST);

const compile: GulpClient.TaskFunction = () => {
    return src(SOURCE)
        .pipe(project())
        .pipe(prependText("<script>"))
        .pipe(appendText("</script>"))
        .pipe(
            rename({
                extname: ".html",
            })
        )
        .pipe(dest(DIST));
};

const watchify = () => watch(SOURCE, compile);

export default series(clean, watchify);