Gulp + Browserify捆绑依赖

在libs/index.jsx所有的库都使用require ex来调用。 require('jquery')...

它会生成一个包含jquery的包

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

在dist / js文件夹中创建的输出文件是libs.bundle.js和app.bundle.js 。 我想要两个独立的文件，一个依赖于另一个，这就是app.bundle.js。 任何人都可以帮助我吗？

---

使用因子束。 看看这个答案

链接地址: http://www.djcxy.com/p/5637.html

上一篇: Gulp + Browserify bundling dependency

下一篇: babelify 6 with browserify and the es2015 preset is not working