Jak naprawić błąd typu podczas korzystania z filtru gulp?

Question

Naśladuję kod z wyjątkowego kursu Pluralsight Johna Papy na Gulp.

Kiedy użyć kodu, jak pokazano na Jana przedmiotu:

.pipe(jsFilter) 
.pipe($.uglify()) 
.pipe(jsFilter.restore()) 

pojawia się błąd na 3 linii kodu:

TypeError: Object #<StreamFilter> has no method 'restore' 

Kiedy użyć kodu, jak pokazano w readme z gulp-filter

.pipe(jsFilter) 
.pipe($.uglify()) 
.pipe(jsFilter.restore) 

Pojawia się błąd, który uniemożliwia przejście do niezdefiniowanego.

Na podstawie tego, co mogę znaleźć w Internecie, oba te wzory działają dla innych. Jakieś wskazówki, dlaczego tak się dzieje?

Oto całe zadanie, jeśli to pomaga, a logowanie konsoli wskazuje, że wszystko jest w porządku, dopóki filtr nie przywróci połączenia.

Oto całe zadanie, jeśli pomaga:

gulp.task('build-dist', ['inject', 'templatecache'], function() { 
    log('Building the distribution files in the /dist folder'); 

    var assets = $.useref.assets({searchPath: './'}); 
    var templateCache = config.temp + config.templateCache.file; 
    var jsFilter = $.filter('**/*.js'); 

    return gulp 
     .src(config.index) 
     .pipe($.plumber({errorHandler: onError})) 
     .pipe($.inject(gulp.src(templateCache, {read: false}), { 
      starttag: '<!-- inject:templates:js -->' 
     })) 
     .pipe(assets) 
     .pipe(jsFilter) 
     .pipe($.uglify()) 
     .pipe(jsFilter.restore()) 
     .pipe(assets.restore()) 
     .pipe($.useref()) 
     .pipe(gulp.dest(config.dist)); 
}); 

Answer 1

Sposób restore prace zmieniła między 2.x oraz 3.x wydaniu haustem filtrem.

Wydaje używasz gałęzi 3.x, tak aby wykorzystać restore musisz ustawić opcję restore do true podczas definiowania filtra:

var jsFilter = $.filter('**/*.js', {restore: true}); 

to będziesz w stanie zrobić

.pipe(jsFilter.restore) 

aby uzyskać więcej informacji, sprawdź na tej części dokumentacji do najnowszej wersji haustem filtra:

https://github.com/sindresorhus/gulp-filter/tree/v3.0.1#restoring-filtered-files