देखें w/gulp और babel प्रगतिशील धीमी हो जाती है

Question

हर बार घड़ी को बदलने का पता चलता है, बंडल समय धीमा हो जाता है। मेरे गल्प कार्य में कुछ गलत होना चाहिए। कोई भी विचार?

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

    executeBundle(bundle); 
}); 

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

    bundle = watchify(bundle); 
    bundle.on('update', function(){ 
     executeBundle(bundle); 
    }); 
    executeBundle(bundle); 

}); 

function executeBundle(bundle) { 
    var start = Date.now(); 
    bundle 
     .transform(babelify.configure({ 
      ignore: /(bower_components)|(node_modules)/ 
     })) 
     .bundle() 
     .on("error", function (err) { console.log("Error : " + err.message); }) 
     .pipe(source(files.bundle)) 
     .pipe(gulp.dest(paths.root)) 
     .pipe($.notify(function() { 
      console.log('bundle finished in ' + (Date.now() - start) + 'ms'); 
     })) 
} 

Answer 1

मैं इस एक ही समस्या थी और कोलाहल के वातावरण चर डीबग सेटिंग के द्वारा यह जांच की। उदा .:

$ DEBUG=babel gulp 

डिबग आउटपुट मैंने देखा है कि babelify परिवर्तनों को कई बार भाग गया निरीक्षण के बाद।

अपराधी यह था कि मैंने वास्तव में बंडल निष्पादित होने पर हर बार परिवर्तन को जोड़ा। आपको एक ही समस्या प्रतीत होती है।

कार्यों में executeBundle अंदर से

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

ले जाएँ। नई bundle-watch इस तरह लिखा जा सकता है:

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); 
});