gulp4版本中gulpfile.js配置,解决构建默认任务default报错

问题:

在下载了新版的 gulp4 后,构建默认任务 default 报错,经过对比发现 gulp3 和 gulp4 申明和调用方式更新啦

报错:

AssertionError [ERR_ASSERTION]: Task function must be specified
Object.<anonymous>

解决:

  • 原先的声明方式:
    gulp.task(‘default’, [‘htmlmin’, ‘cssmin’, ‘jsmin’, ‘copy’]);
  • 原先的调用方式:
    gulp default || gulp
  • 现在的声明方式:
    gulp.task(‘default’, gulp.series[‘htmlmin’, ‘cssmin’, ‘jsmin’, ‘copy’]);
  • 现在的调用方式:
    gulp --tasks || gulp

源码

var gulp = require('gulp');
var less = require('gulp-less'); 
var cleanCSS = require('gulp-clean-css');

//minjs 合并压缩 JS
gulp.task('minjs', function() {
	return gulp.src('src/js/*.js') //操作的源文件
		.pipe(concat('built.js')) //合并到临时文件     
		.pipe(gulp.dest('dist/js')) //生成到目标文件夹
		.pipe(uglify()) //压缩
		.pipe(rename({
			suffix: '.min'
		})) //重命名
		.pipe(gulp.dest('dist/js'));
});

//less处理任务 编译less 
gulp.task('less', function() {
	return gulp.src('src/less/*.less')
		.pipe(less()) //编译less文件为css文件
		.pipe(gulp.dest('src/css'));
})

// gulp3语法
// gulp.task('default', ['minjs', 'less', 'miniHtml', 'mincss']);
/* gulp4语法 */
// gulp.task('default', gulp.series['minjs', 'less']);
gulp.task('default',gulp.series(gulp.parallel('minjs','less')));

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值