阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Gulp tree()

      tree()

      获取当前任务依赖关系树——在极少数情况下需要它。

      通常,gulp 使用者不会使用 tree(),但它是公开的,因此 CLI 可以显示在 gulpfile 中定义的任务的依赖关系图。

      用法

      Example gulpfile:

      const { series, parallel } = require('gulp');
      
      function one(cb) {
        // body omitted
        cb();
      }
      
      function two(cb) {
        // body omitted
        cb();
      }
      
      function three(cb) {
        // body omitted
        cb();
      }
      
      const four = series(one, two);
      
      const five = series(four,
        parallel(three, function(cb) {
          // Body omitted
          cb();
        })
      );
      
      module.exports = { one, two, three, four, five };
      
      

      tree() 的输出:

      {
        label: 'Tasks',
        nodes: [ 'one', 'two', 'three', 'four', 'five' ]
      }
      
      

      tree({ deep: true }) 的输出:

      {
        label: "Tasks",
        nodes: [
          {
            label: "one",
            type: "task",
            nodes: []
          },
          {
            label: "two",
            type: "task",
            nodes: []
          },
          {
            label: "three",
            type: "task",
            nodes: []
          },
          {
            label: "four",
            type: "task",
            nodes: [
              {
                label: "",
                type: "function",
                branch: true,
                nodes: [
                  {
                    label: "one",
                    type: "function",
                    nodes: []
                  },
                  {
                    label: "two",
                    type: "function",
                    nodes: []
                  }
                ]
              }
            ]
          },
          {
            label: "five",
            type: "task",
            nodes: [
              {
                label: "",
                type: "function",
                branch: true,
                nodes: [
                  {
                    label: "",
                    type: "function",
                    branch: true,
                    nodes: [
                      {
                        label: "one",
                        type: "function",
                        nodes: []
                      },
                      {
                        label: "two",
                        type: "function",
                        nodes: []
                      }
                    ]
                  },
                  {
                    label: "",
                    type: "function",
                    branch: true,
                    nodes: [
                      {
                        label: "three",
                        type: "function",
                        nodes: []
                      },
                      {
                        label: "",
                        type: "function",
                        nodes: []
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
      
      

      函数原型

      tree([options])
      

      参数

      参数类型描述
      optionsobject详情请见下文 选项。

      返回值

      返回一个详细描述已注册的任务树的对象——包含具有 'label''nodes' 属性的嵌套对象(与 archy 兼容)。

      每个对象可能有一个 type 属性,用于确定节点是 task 还是 function

      每个对象可能有一个 branch 属性,当 true 时,该属性指示节点是使用 series() 还是 parallel() 创建的。

      选项

      nametypedefaultnote
      deepbooleanfalse如果为 true,则返回整个树。如果为 false,则只返回顶级任务。
      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录