gulpfile.js

const path = require("path");

const config = require("./config.json");

const project = config.Project;
const testSite = "http://" + config.DevSite;

const src = path.resolve("src");
const dist = path.resolve("content/themes/" + project + "/dist/");

const jsFiles = config.Files.map((file) => {
    return path.join(src, "/scripts/") + file;
});

const gulp = require("gulp"),
    bs = require("browser-sync").create(),
    autoprefixer = require("gulp-autoprefixer"),
    cssnano = require("gulp-cssnano"),
    uglify = require("gulp-uglify"),
    rename = require("gulp-rename"),
    concat = require("gulp-concat"),
    sass = require("gulp-sass"),
    sourcemaps = require("gulp-sourcemaps"),
    babel = require("gulp-babel"),
    plumber = require("gulp-plumber"),
    del = require('del');

const cssTask = (folder) => {
    gulp.task("sass", () => {
        gulp.src(path.join(src, folder) + "/main.scss")
            .pipe(sourcemaps.init())
            .pipe(sass().on("error", sass.logError))
            .pipe(autoprefixer())
            .pipe(sourcemaps.write())
            .pipe(cssnano({zindex: false}))
            .pipe(rename(project + ".min.css"))
            .pipe(gulp.dest(dist))
            .pipe(bs.stream())
    });
}


gulp.task("js", () => {
    gulp.src(jsFiles)
        .pipe(plumber())
        .pipe(sourcemaps.init())
        .pipe(concat("output.js")) // concat pulls all our files together before minifying them
        .pipe(sourcemaps.write())
        .pipe(babel({
            presets: ["es2015"]
        }))
        .pipe(uglify())
        .pipe(rename(project + ".min.js"))
        .pipe(gulp.dest(dist))
});

gulp.task("browser-sync", () => {
    bs.init(["*"], {
        proxy: testSite,
        root: path.resolve(),
        open: {
            file: "index.php"
        }
    });
});

gulp.task("clean:dist", () => {
    return del([
        path.join(dist, "**/*") // here we use a globbing pattern to match everything inside the `dist` folder
    ]);
});

gulp.task("watch", ["browser-sync"], () => {
    gulp.watch(path.join(src, "/styles/**/*.scss"), ["sass"]);
    gulp.watch(path.join(src, "/scripts/**/*.js"), ["js"]);
    gulp.watch("**/*.php", bs.reload);
    gulp.watch("gulpfile.js").on("change", () => {
        process.exit(0)
    })
});


gulp.task("w", ["browser-sync"], () => {
    gulp.watch(path.join(src, "/public/**/**"), cssTask('public'));
    // gulp.watch(path.join(src, "/scripts/**/*.js"), ["js"]);
    gulp.watch("**/*.php", bs.reload);
    gulp.watch("gulpfile.js").on("change", () => {
        process.exit(0)
    })
});

gulp.task("production", [
    "clean:dist",
    "production-sass",
    "js"
]);

gulp.task("default", [
        "clean:dist",
        "sass",
        "js"
    ]
);