gulp.run устарел. Как мне составлять задачи?

Question 1

Вот составная задача, которую я не знаю, как заменить ее зависимостями задач.

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

Соответствующий журнал изменений https://github.com/gulpjs/gulp/blob/master/CHANGELOG.md#35 [исключить gulp.run]

Question 2

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

Вам больше не нужно передавать функцию (хотя вы все еще можете) для запуска задач. Вы можете дать часам массив имен задач, и он сделает это за вас.

Question 3

Или можно сделать так:

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

Question 4

источник: https://github.com/gulpjs/gulp/issues/755

gulp.start()никогда не предназначался для использования в качестве общедоступного API. И, как указано выше в комментариях, в следующем выпуске gulp.start()будет заменено управление задачами .... так что будет ломаться.

Истинное намерение дизайна gulp - сделать обычные функции Javascript и сделать задачу только для их вызова.

Пример:

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

Question 5

Простите, что воскресил старый вопрос. Принятый ответ не решает проблему запуска задач до установки часов. В следующем ответе используется gulp.start, который уходит. Третий ответ указывает на то, что следует использовать обычные функции, но пример кажется странным. Я немного поискал, но не нашел простого примера.

Вот мое решение. Идея состоит в том, чтобы определить обычные js-функции, а затем зарегистрировать их как задачи. Затем функции могут быть вызваны напрямую, если это необходимо, или из часов.

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

Я новичок в глотке. Пожалуйста, дайте мне знать, если я пропустил что-то очевидное.

Question 6

глоток 4

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

Мне нравится gulp4!

Question 7

Как упоминает @dman, gulp.startв следующей версии он будет удален . Также это можно увидеть в этом выпуске gulp .

А в комментариях к ответу @Pavel Evstigneev @joemaller упоминает, что в этом сценарии мы можем использовать run-sequence .

Но обратите внимание, что автор run-sequence говорит:

Это должно быть временным решением до выпуска gulp 4.0, который поддерживает определение зависимостей задач последовательно или параллельно.

Имейте в виду, что это решение является взломом и может перестать работать с будущим обновлением gulp.

Итак, до gulp 4.0 мы можем использовать run-sequence , после 4.0 мы можем просто использовать gulp.

Question 8

Если вам нужно поддерживать порядок выполнения задач, вы можете определить зависимости, как описано здесь - вам просто нужно вернуть поток из зависимости:

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

Определите задачу, которая от этого зависит:

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

И используйте это с часов:

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

Теперь dependecyзадача будет завершена перед dependsзапуском (например, ваши задачи «жасмин» и «встраивание» будут зависимостями, и у вас будет другой «сервер» задачи, который будет зависеть от них). Никаких хаков не требуется.

Question 9

В Gulp 4 мне кажется, что единственное, что работает, это:

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

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

Question 10

Чтобы запустить задачу перед началом просмотра, вместо использования gulp.run () или gulp.start () просто запустите команду gulp прямо вверх.

Так что вместо:

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

Просто сделать:

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

Или вы можете заключить этот последний код в «обычную» функцию и вызывать ее, когда захотите.

- Вдохновленный этим ответом из аналогичной ветки .

Question 11

Я до сих пор не понимаю, как это на самом деле решает поставленный вопрос.

Если у меня есть 4 задачи, между которыми определены зависимости

А, Б, В, D

где A зависит от B и т.д., как определено gulp.task('A',['B'],function A(){}); а затем я определил новую задачу, используя gulp.watch, запуск только функций, дублировал бы зависимости.

например, учитывая эти задачи (каждая функция задачи отображается через имя):

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

я могу написать 1)

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

который будет выполнять A-> D, но если, например, шаг B не удастся, он никогда не войдет в задачу (подумайте об ошибке компиляции или тестирования)

или я могу написать 2)

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

который не будет запускать A-> D, пока что-то не будет сначала изменено.

или я могу написать 3)

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

что может вызвать дублирование (и со временем ошибки) иерархии зависимостей.

PS: В случае, если кому-то интересно, почему я хочу, чтобы моя задача слежения выполнялась, если какая-либо из зависимых задач терпит неудачу, обычно это связано с тем, что я использую часы для разработки в реальном времени. например. Я запускаю свою задачу слежения, чтобы начать работу над тестами и т. д., и может быть, что исходный код, с которого я начинаю, уже имеет проблемы, следовательно, ошибки.

Так что я надеюсь, что gulp run или что-то подобное останется в течение некоторого времени