blocks|key|4657654|text|gulp.task('watch',+function+()+{
++var+server+=+['jasmine',+'embed'];
++var+client+=+['scripts',+'styles',+'copy',+'lint'];
++gulp.watch('app/*.js',+server);
++gulp.watch('spec/nodejs/*.js',+server);
++gulp.watch('app/backend/*.js',+server);
++gulp.watch('src/admin/*.js',+client);
++gulp.watch('src/admin/*.css',+client);
++gulp.watch('src/geojson-index.json',+['copygeojson']);
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4657655|您不再需要传递函数(尽管您仍然可以)来运行任务。您可以为watch提供一个任务名称数组，它将为您完成此操作。|unstyled|4657656|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>gulp.task('watch', function () {
 var server = ['jasmine', 'embed'];
 var client = ['scripts', 'styles', 'copy', 'lint'];
 gulp.watch('app/*.js', server);
 gulp.watch('spec/nodejs/*.js', server);
 gulp.watch('app/backend/*.js', server);
 gulp.watch('src/admin/*.js', client);
 gulp.watch('src/admin/*.css', client);
 gulp.watch('src/geojson-index.json', ['copygeojson']);
});
</code></pre>

You no longer need to pass a function (though you still can) to run tasks. You can give watch an array of task names and it will do this for you.

blocks|key|151390|text|或者你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|151391|gulp.start('task1',+'task2');|code-block|syntax|javascript|151392|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Or you can do like this:

<pre><code>gulp.start('task1', 'task2');
</code></pre>

blocks|key|4657718|text|请原谅我又提出了一个老问题。接受的答案没有解决在设置监视之前运行任务的问题。下一个答案是gulp.start，它正在消失。第三个答案指出应该使用常规函数，但这个示例似乎很奇怪。我做了一些搜索，但没有找到一个简单的例子。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4657719|这是我的解决方案。其思想是定义常规的js函数，然后将它们注册为任务。如果需要，可以直接调用这些函数，也可以从监视中调用这些函数。|4657720|var+
++gulp+++++=+require('gulp'),
++concat+++=+require('gulp-concat'),
++markdown+=+require('gulp-showdown')
;
var+scriptFiles+++=+[+'ang/app.js'+];
var+markdownFiles+=+[+'content/articles/*.md'];

var+watchTask+=+function()+
{
++buildTask();

++gulp.watch(scriptFiles,++['scripts'+]);
++gulp.watch(markdownFiles,['markdown']);
};
gulp.task('watch',watchTask);

var+buildTask+=+function()
{
++scriptsTask();
++markdownTask();
};
gulp.task('build',buildTask);

var+markdownTask+=+function()+
{
++gulp.src(markdownFiles)
++++.pipe(markdown())
++++.pipe(gulp.dest('web/articles'));
};
gulp.task('markdown',markdownTask);

var+scriptsTask+=+function()+
{
++gulp.src(scriptFiles)
++++.pipe(concat('app.js'))
++++.pipe(gulp.dest('web/js'));

++gulp.src(
++++[
++++++'bower_components/angular/angular.min.js',
++++++'bower_components/angular-route/angular-route.min.js'
++++])
++++.pipe(concat('vendor.js'))
++++.pipe(gulp.dest('web/js'));

++gulp.src(
++++[
++++++'bower_components/angular/angular.min.js.map',
++++++'bower_components/angular-route/angular-route.min.js.map'
++++])
++++.pipe(gulp.dest('web/js'));
};
gulp.task('scripts',+scriptsTask);|code-block|syntax|javascript|4657721|我对吞咽还不熟悉。如果我忽略了什么明显的东西，请告诉我。|4657722|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Forgive me for resurrecting an old question. The accepted answer does not address the issue of running tasks before setting the watches. The next answer uses gulp.start which is going away. The third answer points out that regular functions should be used but the example seems strange. I did some searching but did not find a simple example.

Here is my solution. The idea is to define regular js functions then register them as tasks. The functions can then be called directly if needed or from within a watch.

<pre><code>var 
 gulp = require('gulp'),
 concat = require('gulp-concat'),
 markdown = require('gulp-showdown')
;
var scriptFiles = [ 'ang/app.js' ];
var markdownFiles = [ 'content/articles/*.md'];

var watchTask = function() 
{
 buildTask();

 gulp.watch(scriptFiles, ['scripts' ]);
 gulp.watch(markdownFiles,['markdown']);
};
gulp.task('watch',watchTask);

var buildTask = function()
{
 scriptsTask();
 markdownTask();
};
gulp.task('build',buildTask);

var markdownTask = function() 
{
 gulp.src(markdownFiles)
 .pipe(markdown())
 .pipe(gulp.dest('web/articles'));
};
gulp.task('markdown',markdownTask);

var scriptsTask = function() 
{
 gulp.src(scriptFiles)
 .pipe(concat('app.js'))
 .pipe(gulp.dest('web/js'));

 gulp.src(
 [
 'bower_components/angular/angular.min.js',
 'bower_components/angular-route/angular-route.min.js'
 ])
 .pipe(concat('vendor.js'))
 .pipe(gulp.dest('web/js'));

 gulp.src(
 [
 'bower_components/angular/angular.min.js.map',
 'bower_components/angular-route/angular-route.min.js.map'
 ])
 .pipe(gulp.dest('web/js'));
};
gulp.task('scripts', scriptsTask);
</code></pre>

I am new to gulp. Please let me know if I have overlooked something obvious.

blocks|key|4657748|text|要在开始监视之前运行任务，而不是使用gulp.run()或gulp.start()，只需直接运行gulp命令即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4657749|因此，不是：|4657750|var+compress+=+function+()+{
++++return+gulp.src('js/vendor/*.js')
++++++++.pipe(concat('vendor.js'))
++++++++.pipe(gulp.dest('./build/js/'));
};|code-block|syntax|javascript|4657751|只需这样做：|4657752|gulp.src('js/vendor/*.js')
++++++++.pipe(concat('vendor.js'))
++++++++.pipe(gulp.dest('./build/js/'));|4657753|或者，您可以将后面的代码包装在一个“普通”函数中，并随时调用它。|4657754|--灵感来自this+answer+from+a+similar+thread。|offset|length|4657755|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/29093525/839847^0|0|0|0|0|0|0|6|X|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

To run a task before starting to watch, instead of using gulp.run() or gulp.start() just run the gulp command straight up.

So instead of:

<pre><code>var compress = function () {
 return gulp.src('js/vendor/*.js')
 .pipe(concat('vendor.js'))
 .pipe(gulp.dest('./build/js/'));
};
</code></pre>

Just do:

<pre><code>gulp.src('js/vendor/*.js')
 .pipe(concat('vendor.js'))
 .pipe(gulp.dest('./build/js/'));
</code></pre>

Or you can wrap that latter code in a "normal" function and call it whenever you want.

-- Inspired by <a href="https://stackoverflow.com/a/29093525/839847">this answer from a similar thread</a>.

blocks|key|151500|text|如果你需要维护运行任务的顺序，你可以像here那样定义依赖关系--你只需要从依赖关系中返回流：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|151501|gulp.task('dependency',+function+()+{
++return+gulp.src('glob')
++++.pipe(plumber())
++++.pipe(otherPlugin())
++++.pipe(gulp.dest('destination'));
});|code-block|syntax|javascript|151502|定义依赖于它的任务：|151503|gulp.task('depends',+[+'dependency'+],+function+()+{
++//+do+work
});|151504|并在watch中使用它：|151505|gulp.task('watch',+function+()+{
++watch('glob',+[+'depends'+]);
});|151506|现在，dependecy任务将在depends运行之前完成(例如，您的“jasmine”和“embed”任务将是依赖关系，而您将有另一个依赖于它们的任务“服务器”)。不需要任何黑客攻击。|style|CODE|151507|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/gulpjs/gulp/blob/master/docs/recipes/running-tasks-in-series.md^0|J|4|0|0|0|0|0|0|0|3|9|G|7|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|F|7|16|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|18|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|19|8|@]|9|@]|C|$]]|$1|O|3|P|5|F|7|1A|8|@]|9|@]|C|$G|H]]|$1|Q|3|R|5|6|7|1B|8|@$A|1C|B|1D|S|T]|$A|1E|B|1F|S|T]]|9|@]|C|$]]|$1|U|3|-4|5|6|7|1G|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]]]

If you need to maintain the order of running tasks you can define dependencies as described <a href="https://github.com/gulpjs/gulp/blob/master/docs/recipes/running-tasks-in-series.md" rel="nofollow">here</a> - you just need to return stream from the dependency:

<pre><code>gulp.task('dependency', function () {
 return gulp.src('glob')
 .pipe(plumber())
 .pipe(otherPlugin())
 .pipe(gulp.dest('destination'));
});
</code></pre>

Define the task that depends on it:

<pre><code>gulp.task('depends', [ 'dependency' ], function () {
 // do work
});
</code></pre>

And use it from watch:

<pre><code>gulp.task('watch', function () {
 watch('glob', [ 'depends' ]);
});
</code></pre>

Now the <code>dependecy</code> task will complete before <code>depends</code> runs (for example your 'jasmine' and 'embed' tasks would be dependencies and you'd have another task 'server' that would depend on them). No need for any hacks.

blocks|key|4657874|text|我仍然不明白这实际上是如何解决手头的问题的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4657875|如果我有4个任务之间定义了依赖关系|4657876|A、B、C、D|4657877|其中A依赖于B，等等，正如gulp.task('A',['B'],function+A(){});定义的那样，然后我使用gulp.watch定义了一个新任务，只运行这些函数就会复制依赖关系。|offset|length|style|CODE|4657878|例如，给定这些任务(每个任务函数通过名称公开)：|4657879|function+A(){}
gulp.task('A',['B'],A);

function+A(){}
gulp.task('A',['B'],A);

function+B(){}
gulp.task('B',['C'],B);

function+C(){}
gulp.task('C',['D'],C);

function+D(){}
gulp.task('D',[],D);|code-block|syntax|javascript|4657880|我会写1)|4657881|gulp.task('WATCHER',+['A'],+function(){
+++...
}|4657882|它将执行A->D，但如果步骤B失败，它将永远不会进入任务(考虑编译或测试错误)|4657883|或者我可以写2)|4657884|gulp.task('WATCHER',+[],+function(){
+++gulp.watch(...,['A'])
}|4657885|它不会运行A->D，直到某些东西首先被改变。|4657886|或者我可以写3)|4657887|gulp.task('WATCHER',+[],+function(){
+++D();
+++C();
+++B();
+++A();
+++gulp.watch(...,['A'])
}|4657888|这将导致依赖关系层次结构的重复(以及随着时间的推移而出现错误)。|4657889|PS:如果有人想知道，如果任何依赖任务失败，我为什么要执行监视任务，这通常是因为我使用监视进行实时开发。例如：我开始我的监视任务，开始进行测试等工作，可能是我开始的初始代码已经有了问题，因此出现了错误。|4657890|所以我希望gulp或类似的东西能停留一段时间|4657891|entityMap^0|0|0|0|D|10|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1G|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1H|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1I|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|1J|8|@$H|1K|I|1L|J|K]]|9|@]|A|$]]|$1|L|3|M|5|6|7|1M|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1N|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|6|7|1O|8|@]|9|@]|A|$]]|$1|U|3|V|5|P|7|1P|8|@]|9|@]|A|$Q|R]]|$1|W|3|X|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1R|8|@]|9|@]|A|$]]|$1|10|3|11|5|P|7|1S|8|@]|9|@]|A|$Q|R]]|$1|12|3|13|5|6|7|1T|8|@]|9|@]|A|$]]|$1|14|3|15|5|6|7|1U|8|@]|9|@]|A|$]]|$1|16|3|17|5|P|7|1V|8|@]|9|@]|A|$Q|R]]|$1|18|3|19|5|6|7|1W|8|@]|9|@]|A|$]]|$1|1A|3|1B|5|6|7|1X|8|@]|9|@]|A|$]]|$1|1C|3|1D|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|1E|3|-4|5|6|7|1Z|8|@]|9|@]|A|$]]]|1F|$]]

I still dont see how this actually solves the question at hand.

If i have 4 tasks with dependencies defined between them

A,B,C,D

where A depends on B, etc as defined by <code>gulp.task('A',['B'],function A(){});</code> and then i defined a new task using gulp.watch running just the functions would duplicate the dependencies.

e.g given these tasks (each tasks function exposed via name):

<pre><code>function A(){}
gulp.task('A',['B'],A);

function A(){}
gulp.task('A',['B'],A);

function B(){}
gulp.task('B',['C'],B);

function C(){}
gulp.task('C',['D'],C);

function D(){}
gulp.task('D',[],D);
</code></pre>

i can write 1)

<pre><code>gulp.task('WATCHER', ['A'], function(){
 ...
}
</code></pre>

which would execute A->D but if e.g Step B fails it would never enter the task (think of compile or test error)

or i can write 2)

<pre><code>gulp.task('WATCHER', [], function(){
 gulp.watch(...,['A'])
}
</code></pre>

which would not run A->D until something was changed first.

or i can write 3)

<pre><code>gulp.task('WATCHER', [], function(){
 D();
 C();
 B();
 A();
 gulp.watch(...,['A'])
}
</code></pre>

which would cause duplication (and errors over time) of the dependency hierarchy.

PS: In case someone is wondering why i would want my watch task to execute if any of the dependent tasks fail that is usually because i use watch for live development. eg. i start my watch task to begin working on tests etc. and it can be that the initial code i start out with already has issues thus errors.

So i would hope that gulp run or some equivalent stays for some time

blocks|key|151570|text|吞下4口|type|unstyled|depth|inlineStyleRanges|entityRanges|data|151571|gulp.parallel('taskName1',+'taskName2')()
gulp.series('taskName1',+'taskName2')()|code-block|syntax|javascript|151572|我喜欢gulp4！|151573|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

gulp 4

<pre><code>gulp.parallel('taskName1', 'taskName2')()
gulp.series('taskName1', 'taskName2')()
</code></pre>

I Like gulp4 !

blocks|key|151591|text|在Gulp+4中，唯一对我有效的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|151592|gulp.task('watch',+function()+{
++++gulp.watch(['my-files/**/*'],+gulp.series('my-func'));
});

gulp.task('my-func',+function()+{
++++return+gulp.src('[...]').pipe(gulp.dest('...'));
});|code-block|syntax|javascript|151593|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In Gulp 4 the only thing that seems to be working for me is:

<pre><code>gulp.task('watch', function() {
 gulp.watch(['my-files/**/*'], gulp.series('my-func'));
});

gulp.task('my-func', function() {
 return gulp.src('[...]').pipe(gulp.dest('...'));
});
</code></pre>

Here is a composed task I don't know how to replace it with task dependencies.

<pre><code>...
gulp.task('watch', function () {
 var server = function(){
 gulp.run('jasmine');
 gulp.run('embed');
 };
 var client = function(){
 gulp.run('scripts');
 gulp.run('styles');
 gulp.run('copy');
 gulp.run('lint');
 };
 gulp.watch('app/*.js', server);
 gulp.watch('spec/nodejs/*.js', server);
 gulp.watch('app/backend/*.js', server);
 gulp.watch('src/admin/*.js', client);
 gulp.watch('src/admin/*.css', client);
 gulp.watch('src/geojson-index.json', function(){
 gulp.run('copygeojson');
 });
});
</code></pre>

The corresponding changelog
<a href="https://github.com/gulpjs/gulp/blob/master/CHANGELOG.md#35">https://github.com/gulpjs/gulp/blob/master/CHANGELOG.md#35</a> [deprecate gulp.run]

gulp.run is deprecated. How do I compose tasks?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

这是一个组合任务，我不知道如何将其替换为任务依赖项。...gulp.task('watch', function () { var server = function(){  gulp.run('jasmine');  gulp.run('embed'); }; var client = function(){  gu...

问gulp.run已弃用。如何编写任务？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问gulp.run已弃用。如何编写任务？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问gulp.run已弃用。如何编写任务？
EN