最近试了一下gulp.js 4.0,增加了一些新特性,gulp.parallel
和gulp.series
是挺不错的改进。但是又不得不吐槽一下,这两特性写起来真是特别的蛋疼。
比如说一个基本的构建过程包括以下几个内务:
- 处理图片
- 处理字体
- 处理脚本
- 处理样式
- 处理页面
其中1、2、3可以并行,4依赖1、2,5依赖4。
按原来的写法会是这样:
javascript
var gulp = require('gulp'); var sequence = require('gulp-sequence'); ... gulp.task('default',function(){ return sequence( 'clean', ['fonts','images','scripts'], 'stylesheets', 'htmls' )(); });
层级看上去很清晰,理解了数组在这里的用法就够了。而用4.0的写法是这样的:
javascript
var gulp = require('gulp'); ... gulp.task('default',function(){ return gulp.parallel( gulp.series( 'clean', gulp.parallel( 'fonts', 'images', 'scripts' ), 'stylesheets', 'htmls' ) )(); });
虽然语义上看起来更直观,但一旦嵌套太深,写起来总觉得不舒服。
gulpjs新采用的任务模块貌似不错,其他改进也都挺nice。希望4.0赶紧发布。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。