zoukankan      html  css  js  c++  java
  • gulp3 和 gulp4 区别

    运行gulp项目报错:AssertionError: Task function must be specified

    今天像往常一样,编写文章,并使用gulp bulid压缩代码,但是一运行:gulp build 就出现了这个错误:AssertionError: Task function must be specified。

    gulp项目需要全局安装gulp和项目内安装gulp,通过 gulp -v 查看全局gulp 和本地项目的gulp版本:

     

    这俩显然,不一致。

    下面,我们可以看到项目里记录的gulp的版本号:

     

    可以卸载修改json文件里面的版本号:为gulp 3 版本。如 3.9.1

    重新运行 npm install


    gulp 3 和 gulp 4运行方式是不一样的,所以会出现错误。具体细节,可以看这里

    gup3 VS gulp4 区别

    Gulp 4最大的变化就是你不能像以前那样传递一个依赖任务列表。

    Gulp3,如果有一个任务A,B和C的列表,你想在一个序列中运行(确保A在B开始之前完成,而B在C开始之前完成),代码如下:

    gulp.task('a', function () {
      // Do something.
    });
    gulp.task('b', ['a'], function () {
      // Do some stuff.
    });
    gulp.task('c', ['b'], function () {
        // Do some more stuff.
    });

    在Gulp 4中,你不能再这样做了。你会得到以下错误:

    assert.js:85
      throw new assert.AssertionError({
      ^
    AssertionError: Task function must be specified
        at Gulp.set [as _setTask] (/home/hope/web/node_modules/undertaker/lib/set-task.js:10:3)
        at Gulp.task (/home/hope/web/node_modules/undertaker/lib/task.js:13:8)
        at Object.<anonymous> (/home/hope/web/gulpfile.js:31:6)
        at Module._compile (module.js:570:32)
        at Object.Module._extensions..js (module.js:579:10)
        at Module.load (module.js:487:32)
        at tryModuleLoad (module.js:446:12)
        at Function.Module._load (module.js:438:3)
        at Module.require (module.js:497:17)
        at require (internal/module.js:20:19)

    不要用Gulp3的方式指定依赖任务,你需要使用gulp.seriesgulp.parallel,因为gulp任务现在只有两个参数。

    gulp.series:按照顺序执行
    gulp.paralle:可以并行计算

    gulp.task('my-tasks', gulp.series('a', 'b', 'c', function() {
      // Do something after a, b, and c are finished.
    }));
    
    gulp.task('build', gulp.parallel('styles', 'scripts', 'images', function () {
      // Build the website.
    }));

    或者这样

    gulp.task('my-tasks', gulp.series('a', gulp.parallel('styles','scripts', 'images'), 'b', 'c', function() {
      // Do something after a, b, and c are finished.
    }));

    相关任务必须在被调用之前发生。



    作者:cuteximi_1995
    链接:https://www.jianshu.com/p/c30ff8592421
    来源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
  • 相关阅读:
    Java实现 洛谷 P1583 魔法照片
    Java实现 洛谷 P1023 税收与补贴问题
    Java实现 洛谷 P1023 税收与补贴问题
    关于如何在Sublime下安装插件
    a标签href不跳转 禁止跳转
    href="javascript:;" href="javascript:void(0);" href="#"区别
    Java通过JNI调用C++程序
    使用数字签名实现数据库记录防篡改(Java实现)
    Java8获取参数名及Idea/Eclipse/Maven配置
    svn: E200033: database is locked解决办法
  • 原文地址:https://www.cnblogs.com/ziyoublog/p/10488230.html
Copyright © 2011-2022 走看看