第三方模块

const gulp = require('gulp');
// 使用gulp.task()方法建立任务
// 第一个参数是任务名称，第二个参数是回调函数
// 执行时在命令行窗口输入gulp 任务名称
gulp.task('first', () => {
    // 获取要处理的文件
    gulp.src('./src/css/base.css')
    // 将处理后的文件输出到dist目录
    .pipe(gulp.dest('./dist/css'));
});

const gulp = require('gulp');
// 使用gulp.task()方法建立任务
gulp.task('first', (done) => {
    // 获取要处理的文件
    console.log('第一个gulp任务');
    gulp.src('./src/css/base.css')
    // 把处理后的文件输出到dist目录
    .pipe(gulp.dest('./dist/css'));
    done();
})

// 引用gulp模块
const gulp = require('gulp');
const htmlmin = require('gulp-htmlmin');
const fileinclude = require('gulp-file-include');
// 使用gulp.task()方法建立任务
// 1.任务名称
// 2.任务回调函数
gulp.task('first', done => {
    // 获取要处理的文件到src
    console.log('第一个gulp任务');
    gulp.src('./src/css/base.css')
    // 把处理后的文件输出到dist目录
    .pipe(gulp.dest('dist/css'));
    done();
});
// html任务
// 1.压缩html文件里面的所有代码
// 2.抽取html文件里面的所有公共代码
gulp.task('htmlmin', done=> {
    // 获取当前目录下src下所有的html文件
    gulp.src('./src/*html')
    // 抽取html文件里面的所有公共代码
    .pipe(fileinclude())
    // 压缩html文件中的代码
    // collapseWhitespace 折叠空白（压缩空格）
    .pipe(htmlmin({ collapseWhitespace: true }))
    .pipe(gulp.dest('dist'));
    done();
});
// css任务
// 1.less语法转换
// 2.css代码压缩
gulp.task('cssmin', done => {
    // 获取路径下的文件
    // gulp.src('./src/css/*.less')
    // 选择多个文件可以使用数组形式
    gulp.src(['./src/css/*.less', './src/css/*.css'])
    // 执行插件less语法转换，将less语法转换成css语法
    .pipe(less())
    // 将css代码压缩
    .pipe(csso())
    // 处理后的文件输出到dist/css目录下
    .pipe(gulp.dest('dist/css'))
    done();
});
// js任务
// 1.js语法转换
// 2.js代码压缩
gulp.task('jsmin', done => {
    gulp.src('./src/js/*.js')
    // 转换js语法
    .pipe(babel({
        // presets: ['@babel/env']判断当前代码的运行环境，将代码转换成当前环境支持的代码
        presets: ['@babel/env']
    }))
    // 代码压缩
    .pipe(uglify())
    .pipe(gulp.dest('./dist/js'))
    done()
});
// 复制其他文件
gulp.task('copy', done => {
    gulp.src('./src/images/*')
    .pipe(gulp.dest('./dist/images'))
    gulp.src('./src/upload/*')
    .pipe(gulp.dest('./dist/upload'))
    gulp.src('./src/favicon.ico')
    .pipe(gulp.dest('dist'))
    gulp.src('./src/fonts/*')
    .pipe(gulp.dest('./dist/fonts'))
    done();
});
// 构建任务
// gulp.task('default', ['first', 'htmlmin', 'cssmin', 'jsmin', 'copy']);此代码执行会报以下错误，需添加gulp.series()将任务函数组合操作
gulp.task('default', gulp.series(['first', 'htmlmin', 'cssmin', 'jsmin', 'copy']));