Gulp sadece aşağıdaki Gulpfile Gulp ve sahip yeni am değişen dosyanın

Question

üzerine işlevini gerçekleştirmek için izlemek Get

var gulp = require('gulp'); 
var jshint = require('gulp-jshint'); 
var concat = require('gulp-concat'); 
var rename = require('gulp-rename'); 
var uglify = require('gulp-uglify'); 

gulp.task('compress', function() { 
    return gulp.src('js/*.js') // read all of the files that are in js with a .js extension 
     .pipe(uglify()) // run uglify (for minification) 
     .pipe(gulp.dest('dist/js')); // write to the dist/js file 
}); 

// default gulp task 
gulp.task('default', function() { 

    // watch for JS changes 
    gulp.watch('js/*.js', function() { 
     gulp.run('compress'); 
    }); 

}); 

Ben, bu adlandırmak küçültmek yapılandırmak ve dist klasörüne sadece benim değiştirilen dosyayı kaydetmek istiyor . Bunu yapmanın en iyi yolu nedir?

Answer 1

Bu nasıl: btw çalışması için

// Watch for file updates 
gulp.task('watch', function() { 
    livereload.listen(); 

    // Javascript change + prints log in console 
    gulp.watch('js/*.js').on('change', function(file) { 
     livereload.changed(file.path); 
     gutil.log(gutil.colors.yellow('JS changed' + ' (' + file.path + ')')); 
    }); 

    // SASS/CSS change + prints log in console 
    // On SASS change, call and run task 'sass' 
    gulp.watch('sass/*.scss', ['sass']).on('change', function(file) { 
     livereload.changed(file.path); 
     gutil.log(gutil.colors.yellow('CSS changed' + ' (' + file.path + ')')); 
    }); 

}); 

Ayrıca büyük onunla gulp-livereload kullanmak için, Chrome plugin yüklemeniz gerekir.