Watchify w/gulp und babel wird progressiv langsamer

Question

Jedes mal watchify erkennt eine Änderung, die Bundlezeit wird langsamer. Es muss etwas in meiner Schluckaufgabe falsch sein. Irgendwelche Ideen?

Answer 1

Ich hatte das gleiche Problem und untersuchte es, indem ich die Umgebungsvariable DEBUG auf Babel setzte. Beispiel:

Nach der Überprüfung der Debug-Ausgabe bemerkte ich, dass die Babelify-Transformationen mehrere Male ausgeführt wurden.

Der Täter war, dass ich die Transformation jedes Mal hinzugefügt, wenn das Paket ausgeführt wurde. Sie scheinen das gleiche Problem zu haben.

das Verschieben

.transform(babelify.configure({ 
    ignore: /(bower_components)|(node_modules)/ 
})) 

von innen executeBundle in die Aufgaben. Die neue bundle-watch könnte wie folgt geschrieben werden:

gulp.task('bundle-watch', function() { 
    var bundle = browserify({ 
     debug: true, 
     extensions: ['.js', '.jsx'], 
     entries: path.resolve(paths.root, files.entry) 
    }); 

    bundle = watchify(bundle); 
    bundle.transform(babelify.configure({ 
     ignore: /(bower_components)|(node_modules)/ 
    })) 
    bundle.on('update', function(){ 
     executeBundle(bundle); 
    }); 
    executeBundle(bundle); 
});