我的 gulpfile.js 中有一个通用模式:
I have a common pattern in my gulpfile.js:
var rev = require('gulp-rev');
var buffer = require('gulp-buffer');
gulp.src.some_stuff
.pipe(anotherStuff)
.pipe(buffer()) // this line & 4 lines down
.pipe(rev())
.pipe(gulp.dest(options.dest))
.pipe(rev.manifest({ path: 'manifest.json', merge: true }))
.pipe(gulp.dest(options.dest)) // to this
.pipe(extrastuff)
我想编写这 5 行代码,以便在我的项目中通过几个 gulp 任务重用它们.我该怎么做?
I want to compose these 5 lines to reuse them in my project over a couple of gulp tasks. How can I do that?
我找到了 multipipe 包,但它不支持将变量传递给新管道(您可以看到我需要在我的新管道中传递 options.dest).
I found multipipe package but it doesn't support passing variables to new pipes (you can see I need to pass options.dest in my new pipe).
使用 lazypipe:
var lazypipe = require('lazypipe');
function something(dest) {
return (lazypipe()
.pipe(buffer)
.pipe(rev)
.pipe(gulp.dest, dest)
.pipe(rev.manifest, { path: 'manifest.json', merge: true })
.pipe(gulp.dest, dest))();
}
gulp.src.some_stuff
.pipe(anotherStuff)
.pipe(something(options.dest))
.pipe(extrastuff)
这篇关于如何为 gulp 组成管道序列?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!
Browserify,Babel 6,Gulp - 传播运算符上的意外令牌Browserify, Babel 6, Gulp - Unexpected token on spread operator(Browserify,Babel 6,Gulp - 传播运算符上的意外令牌)
是否可以将标志传递给 Gulp 以使其以不同的方式Is it possible to pass a flag to Gulp to have it run tasks in different ways?(是否可以将标志传递给 Gulp 以使其以不同的方式运行任务
为什么我们需要在全局和本地安装 gulp?Why do we need to install gulp globally and locally?(为什么我们需要在全局和本地安装 gulp?)
如何一个接一个地依次运行 Gulp 任务How to run Gulp tasks sequentially one after the other(如何一个接一个地依次运行 Gulp 任务)
由于 MIME 类型而未加载样式表Stylesheet not loaded because of MIME-type(由于 MIME 类型而未加载样式表)
打开 Javascript 文件时 Visual Studio 2015 崩溃Visual Studio 2015 crashes when opening Javascript files(打开 Javascript 文件时 Visual Studio 2015 崩溃)