如何在 gulp 的嵌套目录中捆绑多个文件？

Question

我正在使用 gulp，我需要做的是将 node_modlues 文件夹中多个嵌套目录中的所有文件捆绑到 public/js/libName 和 dist/js/libName 以便我可以在我的客户端中使用该模块。

dist 
   js 
node_modules 
   test_library
       file1.js
       file2.js 
       folder1
           file1.js
           file2.js
       folder2
           file3.js
           file4.js         
public
    js

Answer 1

我最近用这种方法解决了类似的任务：

要求：

src/bundle_entrypoint.js（包入口点）：

require('jquery');

// your code

gulpfile:

// init base modules

// additional modules
var source = require('vinyl-source-stream');
var browserify = require('browserify');

// reg build tasks, etc

gulp.task('build-bundle', function() {    
  return browserify({
      entries: 'src/bundle_entrypoint.js',
      debug: true,
      paths: ['./node_modules'],
      cache: {},
      packageCache: {}
    })
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(uglifyOrWhateverYouWant())
    .pipe(gulp.dest('public/js/'))
    .pipe(gulp.dest('dist/js/'));
});

编辑：

连接：

gulp.task('build-bundle', function() {    
      return gulp.src(['node_modules/test_library/**/*.js','src/my.js'])
        .pipe(concat('bundle.js'))
        .pipe(uglifyOrWhateverYouWant())
        .pipe(gulp.dest('public/js/'))
        .pipe(gulp.dest('dist/js/'));
    });

如何在 gulp 的嵌套目录中捆绑多个文件？

How to bundle multiple files in nested directory in gulp?

javascript

bundle

gulp