Gulp + Browserify bundling dependency

Question

на libs/index.jsx все библиотеки были вызваны с использованием требуемого ex. require('jquery')...

и генерирует пучок с JQuery в нем

на app/index.jsx я назвал то же самое на app.js, но весь код JQuery все еще добавляя к расслоению на app.js

Может ли кто-нибудь мне помочь, как я могу зависеть от моего app.js от libs.js от выходных файлов? Вот мой код:

 
    'use strict'; 

    var gulp = require('gulp'); 
    var notify = require('gulp-notify'); 
    var rename = require('gulp-rename'); 
    var browserify = require('browserify'); 
    var babelify = require('babelify'); 
    var watchify = require('watchify'); 
    var source = require('vinyl-source-stream'); 
    var es = require('event-stream'); 

    gulp.task('default', function() { 

     // we define our input files, which we want to have bundled: 
     var files = [ 
      'build/js/app/index.jsx', 
      'build/js/libs/index.jsx' 
     ]; 
     var outputFiles = [ 
      'app.js', 
      'libs.js' 
     ]; 

     // map them to our stream function 
     var tasks = files.map(function(entry, index) { 

      // browserify instance 
      var bundler = browserify({ 
      entries: [entry] 
      }); 

      // Watchify to watch source file changes 
      bundler.plugin(watchify, { 
      // ignore this folders 
      ignoreWatch: [ 
       '**/node_modules/**', 
       '**/bower_components/**' 
      ] 
      }); 

      // Babel tranforms, transform .jsx files to native js 
      bundler.transform(babelify, { 
      presets: ['es2015', 'react'] 
      }); 

      // bundle the files 
      bundler.bundle() 
       .pipe(source(outputFiles[index])) 
       // rename them to have "bundle as postfix" 
       .pipe(rename({ 
        extname: '.bundle.js' 
       })) 
       .pipe(gulp.dest('dist/js')) 
       .pipe(notify({ 
        message: 'Generated file: ', 
       })); 

      return bundler; 
     }); 
    }); 

выходные файлы, созданные в дист/JS папки были libs.bundle.js и app.bundle.js. Я хочу два отдельных файла с одним зависимым от другого, который является app.bundle.js. Кто-нибудь может мне помочь?

Answer 1

Использование factor-bundle. Взгляните на this answer