阿西河

所有教程

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

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    Grunt 深入任务内幕

    深入任务内幕

    当一个任务执行时,Grunt 通过 this 对象向此任务函数暴露了很多任务特定的属性和方法。 同样这个对象也将暴露为grunt.task.current的形式在 templates中使用,例如,this.name属性也可以作为grunt.task.current.name来使用。

    所有任务内部都可以使用的方法 / 属性

    this.async

    如果一个任务是异步的,必须调用此方法以通知 Grunt。此方法返回一个 “done” 函数,应当在任务执行完毕后调用。false 或 Error 对象都可以传递给 done 函数,以通知 Grunt 此任务执行失败。

    如果 this.async 方法没有被调用,此任务将会同步执行。

    // Tell Grunt this task is asynchronous.
    var done = this.async();
    // Your async code.
    setTimeout(function() {
      // Let's simulate an error, sometimes.
      var success = Math.random() > 0.5;
      // All done!
      done(success);
    }, 1000);
    

    this.requires

    如果一个任务依赖于另外一个(或一些)任务的成功执行,在其依赖的任务没有运行或者运行失败的情况下,这个方法可以被用来强制 Grunt 退出。作为这个方法的参数,其依赖的任务列表可以是一个包含多个任务名称的数组,也可以是单个的任务名称。

    注意,实际上这个方法并不会运行指定任务列表中的任务,它只是在任务列表中的任务没有成功运行的时候通知系统当前的任务失败了。

    this.requires(tasksList)
    

    this.requiresConfig

    这个方法可以指定一个或者多个字符串或者数组的配置属性为必需的。如果一个或多个必需的配置属性缺失,就通知系统当前任务失败。

    this.requiresConfig(prop [, prop [, ...]])
    

    查看grunt.config文档了解更多关于配置属性相关的信息。

    这个方式是grunt.config.requires方法的一个别名。

    this.name

    当前任务的名称,和定义在grunt.registerTask中的任务名一致。例如,如果以grunt sample或者grunt sample:foo的方式运行一个名为"sample"的任务,那么在这个任务函数内部,this.name的值就是"sample"

    注意,如果通过grunt.task.renameTask 重命名了一个task,此属性也会跟着变为新名字。

    this.nameArgs

    当前任务的名称,包括在命令行中指定的任意使用逗号分割的参数或者标记。例如,如果以grunt sample:foo的方式运行一个名为"sample"的任务,那么在这个任务函数内部,this.nameArgs的值就是"sample:foo"

    注意,如果一个任务使用grunt.task.renameTask方法重命名过,那么这个属性也会指向对应的新名称。

    this.args

    传递给当前任务的参数数组。例如,以grunt sample:foo:bar的方式运行一个名为"sample"的任务,那么在这个任务函数内部,this.args的值就是["foo", "bar"]

    注意,在多任务形式中,当前目标(名)会从this.args数组中省略。

    this.flags

    根据传递给当前任务的参数生成的一个对象。例如,以grunt sample:foo:bar的形式运行一个名为"sample"的任务,那么在这个任务函数内部,this.flags的值是{foo: true, bar: true}

    注意,在多任务形式中,任务目标名不会被设置为一个标记。

    this.errorCount

    当前任务执行期间grunt.log.error方法被调用的次数。如果在任务运行期间有错误信息输出,它可以用来让任务执行失败。

    this.options

    返回一个 options 对象。defaultsObj是一个可选参数,它的属性会被任意的任务级options对象的属性覆盖;在多任务形式中,它的属性会进一步被目标级的options对象的属性覆盖。

    this.options([defaultsObj])
    

    下面给出了一个例子,展示了在任务中可以如何使用this.options方法:

    var options = this.options({
      enabled: false,
    });
    
    doSomething(options.enabled);
    

    配置任务指南中,有一个例子展示了如何从用户任务的角度来指定options。

    多任务形式内部可用的方法 / 属性

    this.target

    在一个多任务形式中,这个属性包含了当前正被遍历的目标的名称。例如,如果一个名为"sample"的多任务带有{sample: {foo: "bar"}}这样的配置数据,当以grunt sample:foo的形式运行这个任务时,那么在这个任务函数内部,this.target属性的值就为"foo"

    this.files

    在一个多任务形式中,使用Grunt支持的文件格式和选项通配符模式或者动态映射方式指定的文件,都会被自动标准化为一个唯一的格式:即文件数组格式

    这意味着,任务不需要为了明确的处理自定义文件格式,通配符格式,源文件到目标文件映射或者过滤输出文件或者目录而包含大量模板。任务只需要根据配置任务指南中的说明指定文件,Grunt会自动处理所有任务细节。

    this.files属性永远都是一个数组。你的任务应该利用数组中每个对象的srcdest属性遍历this.files数组。在你的任务关注每个目标文件的多个源文件的情况下,src`属性也永远是一个数组。

    注意,有可能不存在的文件也被包含在 src 的值当中,因此,你应该在使用前检查源文件是否存在。

    下面的例子展示了一个简单的"concat"任务是怎样使用this.files属性的:

    this.files.forEach(function(file) {
      var contents = file.src.filter(function(filepath) {
        // Remove nonexistent files (it's up to you to filter or warn here).
        if (!grunt.file.exists(filepath)) {
          grunt.log.warn('Source file "' + filepath + '" not found.');
          return false;
        } else {
          return true;
        }
      }).map(function(filepath) {
        // Read and return the file's source.
        return grunt.file.read(filepath);
      }).join('\n');
      // Write joined contents to destination filepath.
      grunt.file.write(file.dest, contents);
      // Print a success message.
      grunt.log.writeln('File "' + file.dest + '" created.');
    });
    

    如果你还需要使用原始文件对象的属性,可以通过每个单独的文件对象的orig属性来获取并使用,但是目前都没发现有访问原始属性的用例。

    this.filesSrc

    在多任务形式中,在src中通过任意的文件格式指定的文件都会被归并到一个数组。如果你的任务是"只读"的并且无需关心目标文件路径,可以使用这个数组来替代this.files

    下面这个例子展示了一个简单的"lint"的任务是怎样使用this.filesSrc属性的:

    // Lint specified files.
    var files = this.filesSrc;
    var errorCount = 0;
    files.forEach(function(filepath) {
      if (!lint(grunt.file.read(filepath))) {
        errorCount++;
      }
    });
    
    // Fail task if errors were logged.
    if (errorCount > 0) { return false; }
    
    // Otherwise, print a success message.
    grunt.log.ok('Files lint free: ' + files.length);
    

    this.data

    在多任务形式中,这是存储在给定目标的 Grunt 配置对象中的实际数据。例如,如果一个名为"sample"的多任务带有{sample: {foo: "bar"}}这样的配置数据,当以grunt sample:foo的形式运行这个任务时,那么在这个任务函数内部,this.data的值就为"bar"

    推荐使用this.optionsthis.filesthis.filesSrc来替代this.data, 因为它们的值都是经过标准化的。

    卖前端学习教程

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

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

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

    目录
    目录