let gulp = require('gulp');
let cssmin = require('gulp-cssmin');
let autoprefixer = require('gulp-autoprefixer');
let uglify = require('gulp-uglify');
let babel = require('gulp-babel');
let htmlmin = require('gulp-htmlmin');
// let fileInclude = require('gulp-file-include');
let imagemin = require('gulp-imagemin');

function cssHandler() {
    return gulp
        .src('./src/css/*.css')
        .pipe(autoprefixer())
        .pipe(cssmin())
        .pipe(gulp.dest('./dist/css/'))
}

function jsHandler() {
    return gulp
        .src('./src/js/*.js')
        .pipe(babel({
            presets: ['@babel/preset-env']
        }))
        .pipe(uglify())
        .pipe(gulp.dest('./dist/js/'))
}

function htmlHandler() {
    return gulp
        .src('./src/views/*.html')
        .pipe(htmlmin({
            removeComments: true,
            removeEmptyAttributes: true,
            removeAttributeQuotes: true,
            collapseWhitespace: true,
            collapseBooleanAttributes: true,
            removeScriptTypeAttributes: true,
            removeStyleLinkTypeAttributes: true,
            minifyCSS: true,
            minifyJS: true,
        }))
        .pipe(gulp.dest('./dist/views/'))
}

function imageHandler() {
    return gulp
        .src('./src/images/**.*')
        .pipe(imagemin())
        .pipe(gulp.dest('./dist/images/'))
}

let _default = gulp.parallel(cssHandler,jsHandler,htmlHandler,)
module.exports = {
    cssHandler,
    jsHandler,
    htmlHandler,
    // imageHandler,
    _default:_default
}