zsk-gulp v1.0.1

gulp

// 引入 gulp 模块   npm i gulp -D
const gulp = require("gulp");
// 引入 压缩 HTML 的模块 npm i gulp-html-minify -D
const htmlmin = require('gulp-html-minify');
// 引入编译  sass 的模块 npm i node-sass -g 全局安装  npm i gulp-sass -D
const sass = require('gulp-sass');
// 引入压缩 css的模块 npm i gulp-clean-css -D
const cleanCss = require('gulp-clean-css');
// 引入压缩 js 的模块  npm i gulp-uglify -D
const uglify = require('gulp-uglify');
//  引入编译 es6 转 es5 的模块 npm i gulp-babel @babel/core @babel/preset-env -D
const babel = require('gulp-babel');
// 引入修改名字的模块  npm i gulp-rename -D
const rename = require('gulp-rename');
// 压缩 HTML 文件
gulp.task('build-html', () => {
    return gulp.src('public/**/*.html')
        .pipe(htmlmin())
        .pipe(gulp.dest('dist'))
})

// 压缩 css 文件
gulp.task('build-css', () => {
    return gulp.src(['public/sass/*.scss', 'public/css/*.css'])
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('dist/css'))
        .pipe(rename((path) => {
            path.basename = path.basename + '.min';
        }))
        .pipe(cleanCss())
        .pipe(gulp.dest('dist/css'))
})

// 压缩 js 文件
gulp.task('build-js', () => {
    return gulp.src('public/js/*js')
        .pipe(babel({
            presets: ['@babel/env']
        }))
        .pipe(gulp.dest('dist/js'))
        .pipe(rename((path) => {
            path.basename = path.basename + '.min';
        }))
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'))
})