gulpfile.js

var ts = require("gulp-typescript"),
  pkg = require("./package.json"),
  pug = require("gulp-pug"),
  gulp = require("gulp"),
  less = require("gulp-less"),
  clean = require("gulp-clean-css"),
  uglify = require("gulp-uglify"),
  rename = require("gulp-rename"),
  header = require("gulp-header"),
  jshint = require("gulp-jshint"),
  stylish = require("jshint-stylish");

var banner = [
  "/**",
  " * Vanilla JavaScript Tabs v<%= pkg.version %>",
  " * <%= pkg.homepage %>",
  " */",
  "",
].join("\n");

gulp.task("ts", function () {
  return gulp
    .src("./src/javascript/vanilla-js-tabs.ts")
    .pipe(
      ts({
        target: "es2015",
        lib: ["es2015", "dom"],
        noImplicitAny: true,
        outFile: "vanilla-js-tabs.js",
      })
    )
    .pipe(gulp.dest("./dist"));
});

gulp.task("script", function (done) {
  gulp
    .src(["./dist/vanilla-js-tabs.js"])
    .pipe(uglify())
    .pipe(
      header(banner, {
        pkg: pkg,
      })
    )
    .pipe(
      rename({
        suffix: ".min",
      })
    )
    .pipe(gulp.dest("./dist"))
    .pipe(gulp.dest("./docs/javascript"));

  done();
});

gulp.task("markup", function (done) {
  gulp
    .src("./src/index.pug")
    .pipe(
      pug({
        pretty: true,
      })
    )
    .pipe(gulp.dest("./dist"));

  done();
});

gulp.task("styles", function (done) {
  gulp
    .src("./src/styles/*.less")
    .pipe(less())
    .pipe(gulp.dest("./dist"))
    .pipe(gulp.dest("./docs/styles"));

  done();
});

gulp.task("docs-styles", function (done) {
  gulp
    .src("./docs/styles/*.less")
    .pipe(less())
    .pipe(
      clean({
        compatibility: "ie9",
      })
    )
    .pipe(gulp.dest("./docs/styles"));

  done();
});

gulp.task("lint", function () {
  return gulp
    .src("./src/javascript/*.js")
    .pipe(jshint(".jshintrc"))
    .pipe(jshint.reporter(stylish));
});

gulp.task(
  "default",
  gulp.series("ts", "script", "markup", "styles", "docs-styles", "lint")
);