Случайный выход из Gulpfile с использованием gulp-change и / или gulp-newer и задачи загрузки

Question

Я написал хороший небольшой сценарий сборки, который выполняет довольно стандартные задачи, такие как...

• Убираю мой deploy/ каталог перед изначально
• Создание, объединение, удаление и копирование файлов из их dev/ каталоги к ассоциированным deploy/ каталоги
• Наблюдая за изменениями
• и т.п.

Но для лучшего контекста я включил только что включенный ниже:

var gulp              = require('gulp');
var changed           = require('gulp-changed');
var newer             = require('gulp-newer');
var sass              = require('gulp-sass');
var autoprefixer      = require('gulp-autoprefixer');
var cssmin            = require('gulp-minify-css');
var sourcemaps        = require('gulp-sourcemaps');
var concat            = require('gulp-concat');
var uglify            = require('gulp-uglify');
var notify            = require('gulp-notify');
var plumber           = require('gulp-plumber');
var imagemin          = require('gulp-imagemin');
var shopify           = require('gulp-shopify-upload');
var watch             = require('gulp-watch');
var rename            = require('gulp-rename');
var filter            = require('gulp-filter');
var flatten           = require('gulp-flatten');

var del               = require('del');
var argv              = require('yargs').argv;
var runsequence       = require('run-sequence');
var config            = require('./config.json');

var plumberErrorHandler = {
  errorHandler: notify.onError({
    title: 'Gulp',
    message: "Error: <%= error.message %>"
  })
};

gulp.task('styles', function() {
  return gulp.src(['dev/styles/updates.scss'])
    .pipe(plumber(plumberErrorHandler))
    .pipe(sourcemaps.init())
    .pipe(sass({ errLogToConsole: true }))
    .pipe(autoprefixer({ browsers: ['last 2 versions', 'ie >= 10', 'Android >= 4.3'] }))
    .pipe(cssmin())
    .pipe(sourcemaps.write())
    .pipe(rename({ suffix: '.css', extname: '.liquid' }))
    .pipe(gulp.dest('deploy/assets'));
});

gulp.task('scripts', function() {
  return gulp.src(['dev/scripts/**'])
    .pipe(plumber(plumberErrorHandler))
    .pipe(sourcemaps.init())
    .pipe(concat('main.js'))
    .pipe(uglify())
    .pipe(sourcemaps.write())
    .pipe(rename({ suffix: '.js', extname: '.liquid' }))
    .pipe(gulp.dest('deploy/assets'));
});

gulp.task('vendor', function() {
  var styles = filter(['styles/**/*.scss']);
  var scripts = filter(['scripts/**/*.js']);
  return gulp.src(['dev/vendor/**'])
    .pipe(plumber(plumberErrorHandler))
    .pipe(styles)
    .pipe(sass({ errLogToConsole: true }))
    .pipe(cssmin())
    .pipe(styles.restore())
    .pipe(scripts)
    .pipe(concat('vendor.js'))
    .pipe(uglify())
    .pipe(scripts.restore())
    .pipe(flatten())
    .pipe(gulp.dest('deploy/assets'));
});

gulp.task('copy', function() {
  return gulp.src(['dev/liquid/**'], {base: 'dev/liquid'})
    .pipe(plumber(plumberErrorHandler))
    .pipe(newer('deploy/'))
    .pipe(gulp.dest('deploy/'));
});

gulp.task('clean', function(cb) {
    del(['deploy/**/*'], cb);
});

gulp.task('imagemin', function() {
  return gulp.src(['dev/liquid/assets/*'])
    .pipe(imagemin({ optimizationLevel: 5, progressive: true, interlaced: true }))
    .pipe(gulp.dest('dev/liquid/assets/'));
});

gulp.task('build', ['clean'], function(cb) {
  runsequence(['copy', 'styles', 'scripts', 'vendor'], cb);
});

gulp.task('watch', ['build'], function() {
  gulp.watch(['dev/styles/**/*.scss'], ['styles']);
  gulp.watch(['dev/scripts/**/*.js'], ['scripts']);
  gulp.watch(['dev/vendor/**/*.{js,scss}'], ['vendor']);
  gulp.watch(['dev/liquid/**'], ['copy']);
});

gulp.task('upload', ['watch'], function() {
  if (!argv.env) {
    return false;
  } else if (argv.env && config.shopify.hasOwnProperty(argv.env)) {
    env = config.shopify[argv.env];
  } else {
    env = config.shopify.dev;
  }
  return watch('deploy/{assets|layout|config|snippets|templates|locales}/**')
    .pipe(shopify(env.apiKey, env.password, env.url, env.themeId, env.options));
});

gulp.task('default', ['clean', 'build', 'watch', 'upload']);

Проблема, с которой я столкнулся, напрямую связана с upload задача и copy задача.

При беге gulp --env [environment-name] (например gulp --env staging) или просто gulp --envнекоторое время, когда я сохраняю файл, живущий в одной из подкаталогов dev/liquid/, copy Задача запускается, как и ожидалось, а затем сохраненный и скопированный файл загружается через. upload задача. Тем не менее, иногда я сохраняю файл и copy задание выполняется как обычно, но потом часы upload волнуется и пытается загрузить каждый файл внутри deploy/ (что вызывает ошибку ограничения вызовов API, что, естественно, вызывает у меня проблемы).

Я изначально использовал gulp-changed внутри моего copy задание, но потом заметил, что он будет делать только 1:1 сопоставления, а не каталоги (не уверен, насколько я прав в этом). Поэтому я перешел на gulp-newer, и какое-то время все работало, но потом все снова начало волноваться.

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

tytytytyty!!!

_t

Изменить: мне было трудно воспроизвести freakout (то есть все файлы, которые пытаются загрузить одновременно), и время от времени работает один и тот же gulp --env staging вызывает сумасшествие, а в других случаях запуск одной и той же задачи на одном и том же наборе файлов ничего не делает. Может быть, это может иметь какое-то отношение к использованию gulp-newer и gulp-change даты, измененной в качестве сравнения?

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