gulp报错问题记录

1.

运行代码：

//使用gulp模块
const gulp = require('gulp');
//使用gulp模块
//task(任务名称，任务回调函数)
gulp.task('first', () => {
    console.log('第一个gulp任务执行');
    //使用gulp.src获取要处理的文件，pipe()处理文件，dest()输出文件
    gulp.src('./src/css/base.css').pipe(gulp.dest('dist/css'));
});

出现问题：

原因：
gulp 不再支持同步任务

修改后的代码：
在task的回调函数处加上 async 构成异步函数

//使用gulp模块
const gulp = require('gulp');
//task(任务名称，任务回调函数)创建任务
gulp.task('first', async() => {
    console.log('第一个gulp任务执行');
    //使用gulp.src获取要处理的文件，pipe()处理文件，dest()输出文件
    gulp.src('./src/css/base.css').pipe(gulp.dest('dist/css'));
});

结果：

相关资料：
https://www.gulpjs.com.cn/docs/getting-started/async-completion/

2.

运行代码：

gulp.task('default', gulp.['htmlmin', 'cssmin', 'jsmin', 'copy'])

出现问题：

原因：
gulp 3 和 gulp 4运行方式是不一样的，所以会出现错误。

修改后的代码：

gulp.task('default', gulp.series(['htmlmin', 'cssmin', 'jsmin', 'copy']))

结果：（直接执行gulp将会自动寻找default任务执行）

参考：https://www.jianshu.com/p/c30ff8592421