注册不带grunt.initConfig的Grunt任务

Question

我想让我的gruntfile.js自然结构化，这样微任务就可以一个接一个地跟随彼此。 假设我有以下结构：

grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 

    clean: { 
     movedTyping: 'options...' 
    }, 
    copy: { 
     typing: 'options...', 
     lessVariables: 'options...', 
     html: 'options...' 
    }, 
    less: { 
     compile: 'options...' 
    }, 
    typescript: { 
     compile: 'options...' 
    } 
}); 


grunt.registerTask('build', [ 
    // TYPESCRIPT 
    'typescript:compileSingle', 
    'copy:typing', 
    'clean:movedTyping', 

    // LESS 
    'less:compile', 
    'copy:lessVariables', 

    // HTML 
    'copy:html' 
]); 

但我想实现其他结构：

grunt.registerTask('build', function() { 
    // TYPESCRIPT 
    grunt.task.run('typescript', 'options...'); 
    grunt.task.run('copy', 'options...'); 
    grunt.task.run('clean', 'options...'); 

    // LESS 
    grunt.task.run('less', 'options...'); 
    grunt.task.run('copy', 'options...'); 

    // HTML 
    grunt.task.run('copy', 'options...'); 
}); 

如何？

Answer 1

您可以使用设置对象的属性。 （点）符号。因此也可以设置嵌套结构数据。我还没有遇到更清洁的方法，并很乐意看到更好的方法。

grunt.registerTask('build', function() { 
    // TYPESCRIPT 
    grunt.config.set('typescript.compile','<options>'); 
    grunt.task.run('typescript'); 

    ...................... 
}); 

Answer 2

为了实现这个我创建了NPM模块create-grunt-tasks。 现在我的呼噜声文件看起来像这样：

// Gruntfile.js 
module.exports = function (grunt) { 
    require('create-grunt-tasks')(grunt, function (create) { 
     create.task('build') 
      // Compile TypeScript and move typing 
      .sub('typescript', { 
       src: 'src/index.ts', 
       dest: 'build/index.js', 
       options: { module: 'amd', target: 'es5', declaration: true } 
      }) 
      .sub('copy', { 
       expand: true, flatten: true, 
       src: 'build/index.d.ts', 
       dest: 'build/typing/index.d.ts' 
      }) 
      .sub('clean', ['build/index.d.ts']) 
      // Copy HTML 
      .sub('copy', { 
       expand: true, flatten: true, 
       src: 'src/index.html', 
       dest: 'build/index.html' 
      }); 
    }); 
}