Question

我正在尝试为sass / js编译创建Gulp任务，我还包括实时重新加载的代码。它工作正常，但有时gulp.src在编辑时会将空文件抛出到管道中。

var gulp = require('gulp');

var sass = require('gulp-sass'),
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename'),
    clean = require('gulp-clean'),
    debug = require('gulp-debug'),
    livereload = require('gulp-livereload'),
    lr = require('tiny-lr'),
    server = lr(),
    spawn = require('child_process').spawn,
    node;


gulp.task('server', function() {
    if (node) node.kill();

    node = spawn('node', ['./index.js'], {stdio: 'inherit'});

    node.on('close', function (code) {
        if (code === 8) {
            gulp.log('Error detected, waiting for changes...');
        }
    });
});


gulp.task('html', function() {
    return gulp.src('./src/*.html')
        .pipe(gulp.dest('./build'))
        .pipe(livereload(server));
});


gulp.task('js', function() {
    return gulp.src(['./src/js/*.js'], { base: './' })

保存文件时，debug正在检查gulp.src输出，并且大部分时间它会显示具有适当内容的文件，但这些文件是空的。

        .pipe(debug())
        .pipe(concat("all.min.js"))
        .pipe(uglify())
        .pipe(gulp.dest('./build/js'))
        .pipe(livereload(server));
});


gulp.task('scss', function() {
    return gulp.src('./src/scss/*.scss')
        .pipe(sass())
        .pipe(concat("all.css"))
        .pipe(gulp.dest('./build/css/'))
        .pipe(livereload(server));
});


gulp.task('listen', function(next) {
    server.listen(35729, function(err) {
        if (err) return console.error(err);
        next();
    });
});


gulp.task('clean', function(){
    return gulp.src(['./build/*'], {read:false})
        .pipe(clean());
});


gulp.task('watch', function() {
    gulp.watch('./src/*.html', ['html']);
    gulp.watch('./src/scss/*.scss', ['scss']);
    gulp.watch('./src/js/*.js', ['js']);
    gulp.watch('./index.js', ['server']);
});


gulp.task('default', ['clean', 'html', 'scss', 'js', 'listen', 'server', 'watch'], function () {

});

我不确定如何解决这个问题。当我运行gulp时，它始终有效，但稍后当gulp.watch看到更改时会出现问题。

当我在Sublime Text中使用sftp包保存文件时，文件看起来似乎是空的。它非常奇怪，因为远程保存Vim总是运行良好。

Answer 1

我不确定是否可行，但似乎Sublime中的SFTP需要更多时间来更新服务器上的文件。即使文件没有准备好，Gulp.watch也会触发gulp任务。将setTimeout（）添加到gulp.watch进程后，每次我现在保存它都会正常工作。

gulp.watch('./src/js/*.js', function() {
        setTimeout(function () {
            gulp.start('js');
        }, 300);
    });

Gulp src返回空文件

1 个答案: