gulp4.x定义任务并执行

在用gulp4以前的版本的时候定义任务是用task,但是在新版本的gulp4.0以上是会报错:
The following tasks did not complete
当然如果你也想还用task的形式来定义任务的话也还是可以的,具体参考:这里

我这里推荐一种特别简单的方式:

var gulp = require("gulp")
var cssnano = require("gulp-cssnano")


gulp.task('css',function(done){
    gulp.src("./css/*.css")
    .pipe(cssnano())
    .pipe(gulp.dest("./css/dist/"))
    done();
});

很明显在我们只需要在每个任务的函数中传入一个参数,然后在函数的最后一步执行这个参数即可!!比如上面代码中的donedone()

在新版本中正确的方式应该是:


image.png

具体参考gulp官网(请用goole浏览器打开可以翻译哦!!)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    井皮皮阅读 5,090评论 0 10
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    小裁缝sun阅读 4,479评论 0 3
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    build1024阅读 3,511评论 0 0
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 6,957评论 1 11
  • 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 4,721评论 0 8