Wie externe Abhängigkeiten mit Hilfe von Gulp

Question

zu bündeln Ich versuche externe commonjs Module (react, react-dom) zusammen mit einigen einfachen ES5-Dateien, wie pollyfills.js zu bündeln.

Ich kann die externe Module bündeln browserify.require mit

var externalBundler = browserify(); 
config.externalModules.forEach(externalBundler.bundle); 
return externalBundler.bundle() 
    .pipe(source("external.js")) 
    .pipe(buffer()) 
    .pipe(sourcemaps.init({ debug: true, loadMaps: true })) 
    .pipe(uglify()) 
    .on('error', gutil.log) 
    .pipe(sourcemaps.write('./')) 
    .pipe(gulp.dest('./dist/')); 

und die anderen Skripte gulp.concat verwenden, aber ich kämpfen sie toggether zu setzen.

Answer 1

Ich war in der Lage, die Rohre so zu kombinieren:

gulp.task('bundle-externalscripts', function() { 
    var externalBundler = browserify({ debug: true }); 
    for (var module of config.externalModules) externalBundler.require(module); 

    var globalScripts = gulp.src(paths.scripts); 

    var externalModules = externalBundler.bundle() 
    .pipe(source("externalmodules.js")) //always convert to vinyl source stream 
    .pipe(buffer());    //in buffered mode 

    return merge(globalScripts, externalModules) 
    .pipe(sourcemaps.init({ debug: true, loadMaps: true })) 
    .pipe(concat("external.js")) 
    .pipe(uglify()) 
    .pipe(sourcemaps.write('./')) 
    .pipe(gulp.dest('./dist/')); 
});