BuildToProduction.js

const {src, dest, watch} = require('gulp');
const path = require('../projectConfig.json').path;
const sassGlob = require('gulp-sass-glob');
const sass = require('gulp-sass')(require('sass'));
const pug = require('gulp-pug');
const webp = require('gulp-webp');
const del = require('del');
const autoprefixer = require('gulp-autoprefixer');
const webpack = require('webpack');
const rename = require('gulp-rename');
const minify = require('gulp-minify');

const webpackStream = require("webpack-stream");

function buildPug (cb) {
    return src(path.srcPath + '/pages/**/*.pug')
        .pipe(
            pug({
                pretty:true,
                data: require('../../charity/src/base/data/data.json')
            })
        )
        .pipe(rename({
            dirname:"",
        }))
        .pipe(dest(path.buildPath));
};

function buildCSS (){
    return src(path.srcPath + '/styles/*.scss')
        .pipe(sassGlob())
        .pipe(sass({
            outputStyle:'compressed',
        }).on('error', sass.logError))
        .pipe(autoprefixer({
            cascade: false,
        }))
        .pipe(dest(path.buildPath + '/styles'));
}

function transformPicture() {
    return src(path.srcPath +'/**/*.{png,jpeg}')
        .pipe(webp({
            method: 2,
        }))
        .pipe(rename(function (path){
            // path.dirname = path.dirname.split("\\").filter(el=> el != 'images').join('\\')
            path.dirname = ''
        }))
        .pipe(dest(path.buildPath+'/images'))
}
function copyOtherImg(){
    return src(path.srcPath +'/**/*.{png,jpeg}')
        .pipe(rename(function (path){
            // path.dirname = path.dirname.split("\\").filter(el=> el != 'images').join('\\')
            path.dirname = ''
        }))
        .pipe(dest(path.buildPath+'/images'))
}

function buildJS() {
    return src('../src/pages/**/*.js')
        .pipe(webpackStream(
            require('../webpack.config.build.js')
        ))
        .on('error', function (err) {
            console.error('WEBPACK ERROR', err);
            this.emit('end'); // Don't stop the rest of the task
        })
        .pipe(minify({
            ext:{
                min:'.js'
            },
            noSource: true
        }))
        .pipe(dest(path.buildPath))
}

exports.default = async (cb) =>{
    await del(path.buildPath,{force:true});
    buildPug();
    buildCSS();
    buildJS();
    transformPicture();
    copyOtherImg();
    cb();
}