我是 gulp 的新手,一直在查看示例设置。有些人有以下结构:
gulp.task("XXXX", function() {
gulp.src("....
其他人有这个:
gulp.task("XXXX", function() {
return gulp.src("....
我想知道src的回报有什么不同??
我是 gulp 的新手,一直在查看示例设置。有些人有以下结构:
gulp.task("XXXX", function() {
gulp.src("....
其他人有这个:
gulp.task("XXXX", function() {
return gulp.src("....
我想知道src的回报有什么不同??
您return
指示该任务是异步的。gulp.src()
返回一个流,所以它是异步的。
没有它,任务系统将不知道何时完成。阅读文档。
如果您有相关任务,则需要返回任务流以等待其相关任务完成,然后再自行运行。
例如
// without return
gulp.task('task1', function() {
gulp.src('src/coffee/*.coffee')
/* eg compile coffeescript here */
.pipe(gulp.dest('src'));
});
gulp.task('task2', ['task1'], function() {
gulp.src('src/*.js')
/* eg minfify js here */
.pipe(gulp.dest('dest'));
});
在这个例子,你会期望TASK1来完成(例如编译CoffeeScript的或其他)之前TASK2运行......但除非我们增加收益-如下面的例子-那么他们将同步运行不异步; 和编译的CoffeeScript不会因为精缩TASK2将不会等待任务1完成,所以不会对编译后的输出拿起TASK1。所以我们应该总是在这种情况下返回。
// with return
gulp.task('task1', function() {
return gulp.src('**/*.coffee')
/* your operations here */
.pipe(gulp.dest('dest'));
});
gulp.task('task2', ['task1'], function() {
return gulp.src('**/*.js')
/* your operations here */
.pipe(gulp.dest('dest'));
});
编辑:这里的食谱进一步解释了它。https://github.com/gulpjs/gulp/blob/master/docs/recipes/running-tasks-in-series.md
如果每个任务有多个流,我发现这很有帮助。您需要组合/合并多个流并返回它们。
var gulp = require('gulp');
var merge = require('gulp-merge');
gulp.task('test', function() {
var bootstrap = gulp.src('bootstrap/js/*.js')
.pipe(gulp.dest('public/bootstrap'));
var jquery = gulp.src('jquery.cookie/jquery.cookie.js')
.pipe(gulp.dest('public/jquery'));
return merge(bootstrap, jquery);
});
使用 Gulps 任务定义结构的替代方案是:
var gulp = require('gulp');
gulp.task('bootstrap', function() {
return gulp.src('bootstrap/js/*.js')
.pipe(gulp.dest('public/bootstrap'));
});
gulp.task('jquery', function() {
return gulp.src('jquery.cookie/jquery.cookie.js')
.pipe(gulp.dest('public/jquery'));
});
gulp.task('test', ['bootstrap', 'jquery']);