gulp.run kullanımdan kaldırıldı. Nasıl görev oluşturabilirim?

İşte onu görev bağımlılıkları ile nasıl değiştireceğimi bilmediğim oluşturulmuş bir görev.

...
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');
 });
});

İlgili değişiklik günlüğü https://github.com/gulpjs/gulp/blob/master/CHANGELOG.md#35 [kullanımdan kaldır gulp.run]

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']);
});

Artık görevleri çalıştırmak için bir işlevi (yine de yapabilirsiniz) geçirmenize gerek yok. Watch'a bir dizi görev adı verebilirsiniz ve o bunu sizin için yapacaktır.

Veya bunun gibi yapabilirsiniz:

gulp.start('task1', 'task2');

kaynak: https://github.com/gulpjs/gulp/issues/755

gulp.start()hiçbir zaman halka açık bir API olması veya kullanılmaması amaçlandı. Ve yukarıda yorumlarda belirtildiği gibi, görev yönetimi bir sonraki sürümde değiştirilecek .... dolayısıyla gulp.start()bozulacak.

Yutkun tasarımın gerçek amacı, düzenli Javascript işlevleri yapmak ve yalnızca bunları çağırmak için görevi yapmaktır.

Misal:

function getJsFiles() {
    var sourcePaths = [
        './app/scripts/**/*.js',
        '!./app/scripts/**/*.spec.js',
        '!./app/scripts/app.js'
    ];

    var sources = gulp.src(sourcePaths, { read: false }).pipe(angularFilesort());

    return gulp.src('./app/index.html')
        .pipe(injector(sources, { ignorePath: 'app', addRootSlash: false }))
        .pipe(gulp.dest('./app'));
}  

gulp.task('js', function () {
    jsStream = getJsFiles();
});

Eski bir soruyu dirilttiğim için beni bağışlayın. Kabul edilen cevap, saatleri ayarlamadan önce görevlerin çalıştırılması sorununu ele almıyor. Bir sonraki cevap, gitmekte olan gulp.start'ı kullanır. Üçüncü cevap, normal fonksiyonların kullanılması gerektiğine işaret ediyor, ancak örnek garip görünüyor. Biraz araştırma yaptım ama basit bir örnek bulamadım.

İşte benim çözümüm. Buradaki fikir, normal js işlevlerini tanımlamak ve ardından bunları görevler olarak kaydetmektir. Fonksiyonlar daha sonra gerekirse doğrudan veya bir saatin içinden çağrılabilir.

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);

Ben yutkunmada yeniyim. Açık olan bir şeyi gözden kaçırdıysam lütfen bana bildirin.

yutkunma 4

gulp.parallel('taskName1', 'taskName2')()
gulp.series('taskName1', 'taskName2')()

Gulp4'ü severim!

@Dman'ın bahsettiği gibi, gulp.startsonraki sürümde atılacak. Ayrıca yudumun bu sayısında da görülebilir .

Ve @Pavel Evstigneev'in cevabının yorumlarında, @joemaller bu senaryoda run-sequence'i kullanabileceğimizden bahsediyor .

Ancak, run-sequence'in yazarının şöyle dediğini lütfen unutmayın:

Bu, görev bağımlılıklarını seri veya paralel olarak tanımlamayı destekleyen gulp 4.0'ın piyasaya sürülmesine kadar geçici bir çözüm olması amaçlanmıştır.

Bu çözümün bir bilgisayar korsanlığı olduğunu ve ileride yapılacak bir güncelleme ile çalışmayı durdurabileceğini unutmayın.

Yani, yutkunma 4.0'dan önce, çalışma sırasını kullanabiliriz , 4.0'dan sonra, yudum kullanabiliriz.

Çalışan görevlerin sırasını korumanız gerekiyorsa, bağımlılıkları burada açıklandığı gibi tanımlayabilirsiniz - yalnızca bağımlılıktan akışı döndürmeniz gerekir:

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

Buna bağlı olan görevi tanımlayın:

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

Ve saatten kullan:

gulp.task('watch', function () {
  watch('glob', [ 'depends' ]);
});

Artık dependecygörev dependsçalıştırılmadan önce tamamlanacaktır (örneğin, 'yasemin' ve 'yerleştirme' görevleriniz bağımlılıklar olacaktır ve bunlara bağlı başka bir görev 'sunucunuz' olacaktır). Hacklemeye gerek yok.

Gulp 4'te benim için işe yarayan tek şey şudur:

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

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

İzlemeye başlamadan önce bir görevi çalıştırmak için gulp.run () veya gulp.start () kullanmak yerine gulp komutunu doğrudan çalıştırın.

Yani bunun yerine:

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

Sadece yap:

gulp.src('js/vendor/*.js')
        .pipe(concat('vendor.js'))
        .pipe(gulp.dest('./build/js/'));

Ya da bu ikinci kodu "normal" bir işleve sarabilir ve istediğiniz zaman çağırabilirsiniz.

- Benzer bir başlıktaki bu cevaptan esinlenilmiştir .

Hala bunun eldeki soruyu nasıl çözdüğünü anlamıyorum.

Aralarında tanımlanmış bağımlılıkları olan 4 görevim varsa

A, B, C, D

burada A, B'ye bağlıdır, vb. tarafından tanımlandığı gibi gulp.task('A',['B'],function A(){});ve sonra gulp.watch kullanarak yeni bir görev tanımladım, sadece işlevleri çalıştıran bağımlılıkları çoğaltacaktır.

örneğin bu görevler verildiğinde (her bir görev işlevi adla gösterilir):

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);

yazabilirim 1)

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

bu A-> D'yi çalıştırır, ancak örneğin Adım B başarısız olursa asla göreve girmez (derleme veya test hatasını düşünün)

ya da yazabilirim 2)

gulp.task('WATCHER', [], function(){
   gulp.watch(...,['A'])
}

ilk önce bir şey değiştirilene kadar A-> D çalıştırmaz.

ya da yazabilirim 3)

gulp.task('WATCHER', [], function(){
   D();
   C();
   B();
   A();
   gulp.watch(...,['A'])
}

bağımlılık hiyerarşisinin tekrarlanmasına (ve zamanla hatalara) neden olur.

Not: Birisi, bağımlı görevlerden herhangi biri başarısız olursa neden saat görevimin yürütülmesini istediğimi merak ederse, bunun nedeni genellikle canlı geliştirme için izle kullanmamdır. Örneğin. Testler vb. üzerinde çalışmaya başlamak için saat görevimi başlatıyorum ve başladığım ilk kodda zaten sorunlar ve dolayısıyla hatalar olabilir.

Bu yüzden bir yudum kaçışının veya eşdeğerinin bir süre daha kalmasını umuyorum