gulpfile.js

const gulp = require("gulp"),
    minifyCSS = require("gulp-minify-css"),
    concat = require("gulp-concat"),
    uglify = require("gulp-uglify"),
    prefix = require("gulp-autoprefixer"),
    sass = require("gulp-sass")(require('sass')),
    sourcemaps = require("gulp-sourcemaps"),
    rename = require("gulp-rename"),
    rollup = require("gulp-better-rollup"),
    babel = require("rollup-plugin-babel");

gulp.task("js", async () => {
    return gulp
        .src("src/js/leaflet-gesture-handling.js")
        .pipe(sourcemaps.init())
        .pipe(
            rollup(
                { plugins: [babel()] },
                {
                    file: "dist/leaflet-gesture-handling.js",
                    format: "esm"
                }
            )
        )
        .pipe(gulp.dest("dist/"))
        .pipe(uglify())
        .pipe(rename({ extname: ".min.js" }))
        .pipe(sourcemaps.write(""))
        .pipe(gulp.dest("dist/"));
});

gulp.task("styles", async () => {
    return gulp
        .src("src/scss/**/*.scss")
        .pipe(sass())
        .pipe(prefix("last 2 versions"))
        .pipe(concat("leaflet-gesture-handling.css"))
        .pipe(gulp.dest("dist/"))
        .pipe(minifyCSS())
        .pipe(rename({ extname: ".min.css" }))
        .pipe(gulp.dest("dist/"));
});

gulp.task("dev", async () => {
    gulp.task("styles")();
    gulp.task("js")();
    gulp.watch("src/scss/*.scss", ["styles"]);
    gulp.watch("src/js/*.js", ["js"]);
});

gulp.task("build", async () => {
    gulp.task("styles")();
    gulp.task("js")();
});