gulpfile.js

const { series, src, dest } = require('gulp');
// const sass = require('gulp-sass');
const sass = require('gulp-sass')(require('sass'));
const gulpClean = require('gulp-clean');
const gulpMinify = require('gulp-minify');
const cleanCss = require('gulp-clean-css');
const gulpRename = require("gulp-rename");
const distPath = "./dist";

// Clear dist folder
function clean() {
  return src(distPath + "/*", {read: false})
        .pipe(gulpClean());
}

// Compile scss and copy to dist folder (.css)
function sassCompile() {
    return src('src/tuicss.scss')
        .pipe(sass())
        .pipe(dest(distPath));
}

// Minify css and copy to dist folder (.min.css)
function minifyCss() {
    return src(distPath + '/tuicss.css')
        .pipe(cleanCss())
        .pipe(gulpRename({
            suffix: ".min"
        }))
        .pipe(dest(distPath));
}

// Copy js script to dist folder (.js)
function copyScript() {
    return src('src/js/tuicss.js')
        .pipe(dest(distPath));
}

// Minify js script and copy to dist folder (.min.js)
function minifyJs() {
    return src(distPath + '/tuicss.js')
        .pipe(gulpMinify({
            ext:{
                min:'.min.js'
            }
        }))
        .pipe(dest(distPath));
}

// Copy images to dist folder (/images)
function copyImages() {
    return src('src/images/*')
        .pipe(dest(distPath + "/images"));
}

// Copy fonts to dist folder (/fonts)
function copyFonts() {
    return src('src/fonts/*')
        .pipe(dest(distPath + "/fonts"));
}

// Export
exports.default = series(clean, sassCompile, minifyCss, copyScript, minifyJs, copyImages, copyFonts);