gulp.js 4.0试用

最近试了一下gulp.js 4.0,增加了一些新特性,gulp.parallelgulp.series是挺不错的改进。但是又不得不吐槽一下,这两特性写起来真是特别的蛋疼。

比如说一个基本的构建过程包括以下几个内务:

  1. 处理图片
  2. 处理字体
  3. 处理脚本
  4. 处理样式
  5. 处理页面

其中1、2、3可以并行,4依赖1、2,5依赖4。

按原来的写法会是这样:

javascriptvar gulp = require('gulp');
var sequence = require('gulp-sequence');

...

gulp.task('default',function(){
    return sequence(
        'clean',
        ['fonts','images','scripts'],
        'stylesheets',
        'htmls'
    )();
});

层级看上去很清晰,理解了数组在这里的用法就够了。而用4.0的写法是这样的:

javascriptvar gulp = require('gulp');

...

gulp.task('default',function(){
    return gulp.parallel(
        gulp.series(
            'clean',
            gulp.parallel(
                'fonts',
                'images',
                'scripts'
            ),
            'stylesheets',
            'htmls'
        )
    )();
});

虽然语义上看起来更直观,但一旦嵌套太深,写起来总觉得不舒服。

gulpjs新采用的任务模块貌似不错,其他改进也都挺nice。希望4.0赶紧发布。

你可能感兴趣的:(gulp)