2017-12-09 1 views
0

Ich bin derzeit kämpfen, gulp notify zu bekommen, um eine Erfolgsmeldung anzuzeigen, wenn ich meine gulp watch Befehl vom Terminal ausführen, so dass ich weiß, der Befehl ausgeführt wird und die Dateien haben wurde in das Verzeichnis dist kompiliert, das ich erstellt habe.Versuchen, Schluck zu benachrichtigen, um zu arbeiten und mir zu sagen, Dinge laufen und aktualisieren

Ich bin sehr neu zu gulp und das Lesen der Dokumente auf Benachrichtigen ist nicht 100% einfach für mich zu verstehen oder klar zu mir, was ich falsch mache.

derzeit der Code ein bisschen so aussieht ...

var gulp  = require('gulp'), 
    gutil  = require('gulp-util'), 
    jshint  = require('gulp-jshint'), 
    uglify  = require('gulp-uglify'), 
    sass  = require('gulp-sass'), 
    concat  = require('gulp-concat'), 
    sourcemaps = require('gulp-sourcemaps'), 
    pump  = require('pump'), 
    notify  = require('gulp-notify'), 
    plumber = require('gulp-plumber'), 
    growl  = require('growl'), 

    input = { 
     'sass': 'scss/**/*.scss', 
     'javascript': 'js/**/*.js' 
    }, 

    output = { 
     'stylesheets': 'dist/styles', 
     'javascript': 'dist/javascript' 
    }; 

gulp.task('build-js', function() { 
    return gulp.src(input.javascript) 
    .pipe(sourcemaps.init()) 
     .pipe(concat('test.js')) 
     //only uglify if gulp is ran with '--type production' 
     .pipe(gutil.env.type === 'production' ? uglify() : gutil.noop()) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest(output.javascript)); 
}); 

gulp.task('build-css', function() { 
    return gulp.src('scss/**/*.scss') 
    .pipe(sourcemaps.init()) 
     .pipe(sass()) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest(output.stylesheets)); 
}); 

gulp.task('watch', function() { 
    notify("Watching for changes...").write(''); 
    gulp.watch(input.javascript, ['jshint', 'build-js']); 
    gulp.watch(input.sass, ['build-css']); 
    .pipe(notify({ 
     message: "Generated file: <%= file.relative %> @ <%= options.date %>", 
     templateOptions: { 
     date: new Date() 
     } 
    })) 
}); 

Antwort

0

Ich habe es geschafft, es durch eine Änderung der watch Aufgabe der folgenden

gulp.task('watch', function() { 
    notify("Watching for changes...").write(''); 
    gulp.watch(input.javascript, ['jshint', 'build-js']); 
    gulp.watch(input.sass, ['build-css']); 

    gulp.watch([ 
      'dist/**/*' 
     ]).on('change', function() { 
      notify("Files updated").write(''); 
     }); 
}); 
zum Laufen zu bringen
Verwandte Themen