oliverbooth.dev/Gulpfile.js

74 lines
2.4 KiB
JavaScript

const fs = require("fs");
const gulp = require("gulp");
const cleanCSS = require("gulp-clean-css");
const named = require("vinyl-named");
const noop = require("gulp-noop");
const path = require("path");
const rename = require("gulp-rename");
const sass = require('gulp-sass')(require("sass"));
const sourcemaps = require("gulp-sourcemaps");
const ts = require("gulp-typescript");
const terser = require("gulp-terser");
const webpack = require("webpack-stream");
const srcDir = "src";
const destDir = "OliverBooth/wwwroot";
const production = !process.env.DEVELOPMENT;
function compileSCSS() {
return gulp.src(`${srcDir}/scss/**/*.scss`)
.pipe(production ? sourcemaps.init() : noop())
.pipe(sass().on("error", sass.logError))
.pipe(cleanCSS({compatibility: "ie11"}))
.pipe(rename({suffix: ".min"}))
.pipe(production ? sourcemaps.write() : noop())
.pipe(gulp.dest(`${destDir}/css`));
}
function compileTS() {
return gulp.src(`${srcDir}/ts/**/*.ts`)
.pipe(production ? sourcemaps.init() : noop())
.pipe(ts("tsconfig.json"))
.pipe(terser())
.pipe(production ? sourcemaps.write() : noop())
.pipe(gulp.dest(`tmp/js`));
}
function bundleJS(done) {
const tasks = fs.readdirSync("tmp/js", {withFileTypes: true})
.filter(dirent => dirent.isDirectory())
.map(d => bundleDir(d.name));
return gulp.parallel(...tasks)(done);
function bundleDir(directory) {
return () => gulp.src(`tmp/js/${directory}/${directory}.js`)
.pipe(production ? sourcemaps.init() : noop())
.pipe(webpack({mode: "production", output: {filename: `${directory}.min.js`}}))
.pipe(production ? sourcemaps.write() : noop())
.pipe(gulp.dest(`${destDir}/js`));
}
}
function copyJS() {
return gulp.src(`${srcDir}/ts/**/*.js`)
.pipe(rename({suffix: ".min"}))
.pipe(gulp.dest(`${destDir}/js`));
}
function copyCSS() {
return gulp.src(`${srcDir}/scss/**/*.css`)
.pipe(rename({suffix: ".min"}))
.pipe(gulp.dest(`${destDir}/css`));
}
function copyImages() {
return gulp.src(`${srcDir}/img/**/*.*`)
.pipe(gulp.dest(`${destDir}/img`));
}
exports.assets = copyImages;
exports.styles = gulp.parallel(compileSCSS, copyCSS);
exports.scripts = gulp.parallel(copyJS, gulp.series(compileTS, bundleJS));
exports.default = gulp.parallel(exports.styles, exports.scripts, exports.assets);