gulpfile.js

var gulp = require("gulp");
var plugin = require("gulp-load-plugins")();
var browserSync = require("browser-sync").create();

var pluginName = 'inumber';


gulp.task("js", function() {
  return (
    gulp
    .src(["src/INumber.js"])
    .pipe(plugin.sourcemaps.init())
    .pipe(
      plugin.babel({
        presets: [
          [ '@babel/env' ]
        ],
        plugins: [
          "@babel/plugin-transform-modules-umd"
        ],
      }, )
    )
    .pipe(plugin.rename({
      basename: pluginName
    }))
    .pipe(plugin.sourcemaps.write("../dest"))
    .pipe(plugin.headerComment(`
      License: <%= pkg.license %>
      Description: <%= pkg.description %>
      Author: <%= (pkg.author) %>
      Homepage: <%= pkg.homepage %>
    `))
    .pipe(gulp.dest("./dest"))
  );
});


gulp.task("js-minify", function() {
  return (
    gulp
    .src(["dest/" + pluginName + ".js"])
    .pipe(plugin.jsmin())
    .pipe(plugin.rename({
      suffix: '.min'
    }))
    .pipe(plugin.headerComment(`
      License: <%= pkg.license %>
      Description: <%= pkg.description %>
      Author: <%= (pkg.author) %>
      Homepage: <%= pkg.homepage %>
    `))
    .pipe(gulp.dest("./dest"))
  );
});


gulp.task("css", function() {
  return (
    gulp
    .src(["./demo/src/*.styl"])
    .pipe(
      plugin.stylus().on("error",
        plugin.notify.onError("*** STYLUS ***: <%= error.message %>")
      )
    )
    .pipe( plugin.autoprefixer({ remove: false, cascade: false }) )
    .pipe(gulp.dest("./demo"))
  );
});


gulp.task("pug", function () {
  return gulp
    .src(["./demo/src/*.pug"])
    .pipe(
      plugin.pug({ pretty: true })
    )
    .on("error", plugin.notify.onError("*** PUG ***: <%= error.message %>"))
    .pipe(gulp.dest("./"))
});


gulp.task("watcher", function (done) {
  browserSync.reload("/");
  done();
});


// Watch
gulp.task("watch", function() {

  browserSync.init({
    server: { baseDir: "./" },
    open: false
  });

  gulp.watch("src/*.js", gulp.series("js", "js-minify", "watcher"));

  gulp.watch("demo/src/*.styl", gulp.series("css", "watcher"));

  gulp.watch("demo/src/*.pug", gulp.series("pug", "watcher"));
});


gulp.task("build", gulp.series("css", "js", "js-minify", "pug"), function(done) {
  done();
});


gulp.task("default", gulp.series("css", "js", "js-minify", "pug", "watch"), function(done) {
  done();
})