Gulp 狼吞虎咽+；浏览绑定依赖项

在

libs/index.jsx上
使用require调用所有库
例如，
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;
        });
    });
"严格使用",；
var gulp=需要（“gulp”）；
var notify=需要（'gulp-notify'）；
var rename=require（'gulp-rename'）；
var browserify=需要（'browserify'）；
var babelify=需要（“babelify”）；
var watchify=require（'watchify'）；
var源=要求（‘乙烯基源流’）；
var es=需要（‘事件流’）；
gulp.task（'default'，function（）{
//我们定义了我们想要捆绑的输入文件：
变量文件=[
'build/js/app/index.jsx'，
'build/js/libs/index.jsx'
];
变量输出文件=[
“app.js”，
“libs.js”
];
//将它们映射到我们的流函数
var tasks=files.map（函数（条目、索引）{
//browserify实例
var bundler=browserify({
条目：[条目]
});
//Watchify监视源文件更改
bundler.plugin（watchify{
//忽略此文件夹
ignoreWatch：[
“**/node_modules/**”，
“**/bower_组件/**”
]
});
//Babel Transforms，将.jsx文件转换为本机js
bundler.transform（babelify{
预设：['es2015'，'react']
});
//打包文件
bundler.bundle（）
.pipe（源（outputFiles[index]））
//将它们重命名为“作为后缀绑定”
.管道（重命名）({
extname:'.bundle.js'
}))
.pipe（大口目的地（'dist/js'））
.管道（通知({
消息：“生成的文件：”，
}));
回捆机；
});
});
在dist/js文件夹中创建的输出文件是
libs.bundle.js
和
app.bundle.js
。我想要两个独立的文件，一个依赖于另一个，即app.bundle.js。有人能帮我吗？
请用。看一看
不错！它解决了我的问题。“因子包”正是我想要的。