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/的某个子目录中的文件，{ {1}}任务按预期运行，然后通过上传单个保存和复制的文件。 copy任务。但是，偶尔我会保存一个文件，upload任务会像往常一样运行，但手表copy会吓坏并尝试上传upload内的每个文件（导致api调用）限制错误，这自然会给我带来麻烦）。

我最初在我的deploy/任务中使用了gulp-changed，但后来注意到它只会做1：1的映射而不是目录（不确定我对此有多正确）。所以我切换到copy，事情已经工作了一段时间，但事情又开始变得棘手了。

我无法弄清楚造成这种情况的原因，我怀疑但我无法弄清楚如何采取行动。任何建议，观察，改进建议，浪漫晚餐的好地方，可靠的宠物保姆等都将不胜感激。

tytytytyty !!!

_t

编辑：我一直很难复制怪人（即所有文件一次尝试上传），有时运行相同的gulp-newer导致怪异，和其他时间在同一组文件上启动相同的任务什么都不做。也许它可能与gulp-newer和gulp-changed使用日期修改作为比较有关？

Double Edit ：也许这是一种竞争条件，因为它有时会起作用，有时候不行？我记得在node-glob或minimatch github页面上看到有关竞争条件的内容......

使用gulp-changed和/或gulp-newer和上传任务的Occassional Gulpfile freakout

0 个答案: