const gulp = require('gulp');

const cleancss = require('gulp-clean-css');

const uglify = require('gulp-uglify-es').default;

const htmlmin = require('gulp-html-minifier-terser');

const htmlclean = require('gulp-htmlclean');

const imagemin = require('gulp-imagemin')

// 压缩 public 目录下的 css 文件

// 可接受参数的文档: https://github.com/jakubpawlowicz/clean-css#constructor-options

// 工作目录 src 排除一些目录: https://stackoverflow.com/questions/23384239/excluding-files-directories-from-gulp-task

gulp.task('minify-css', () => {

    return gulp.src(['./public/**/*.css', '!./public/resource/**/*.css'])

        // 处理 public 目录下所有的 css 文件，下同

        .pipe(cleancss({ compatibility: 'ie8' }))

        // 兼容到 IE8

        .pipe(gulp.dest('./public'));

});

// 压缩 public 目录下的 js 文件

gulp.task('minify-js', () => {

    return gulp.src(['./public/**/*.js', '!./public/**/*.min.js', '!./public/resource/**/*.js'])

        .pipe(uglify())

        .pipe(gulp.dest('./public'));

});

// 压缩图片

gulp.task('minify-images', function () {

    return gulp.src(['./public/**/*.*', '!./public/images/**/*.*', '!./public/resource/**/*.*'])

        .pipe(imagemin(

            [imagemin.gifsicle({ optimizationLevel: 3, interlaced: true }),

            imagemin.mozjpeg({ quality: 75, progressive: true }),

            imagemin.optipng({ optimizationLevel: 5 }),

            imagemin.svgo()],

            { 'verbose': true }))

        .pipe(gulp.dest('./public'))

});

// 压缩 public 目录下的 html 文件

// 可接受参数的文档: https://github.com/terser/html-minifier-terser#options-quick-reference

gulp.task('minify-html', () => {

    return gulp.src(['./public/**/*.html', '!./public/resource/**/*.html'])

        .pipe(htmlclean())

        .pipe(htmlmin({

            removeComments: true,                 // 移除注释

            removeEmptyAttributes: true,          // 移除值为空的参数

            removeRedundantAttributes: true,      // 移除值跟默认值匹配的属性

            collapseBooleanAttributes: true,      // 省略布尔属性的值

            collapseWhitespace: true,             // 移除空格和空行

            minifyCSS: true,                      // 压缩 HTML 中的 CSS

            minifyJS: true,                       // 压缩 HTML 中的 JS

            minifyURLs: true                      // 压缩 HTML 中的链接

        }))

        .pipe(gulp.dest('./public'))

});

// 默认任务，不带任务名运行 gulp 时执行的任务

gulp.task('default', gulp.parallel(

    'minify-css', 'minify-js', 'minify-images', 'minify-html'

), function () {

    console.log("----------gulp Finished----------");

});