首先，您应该听取所需目录中的更改：

watch(['toBundletheseJs/**/*.js'], function () {
        gulp.run('bundle-js');
    });

然后bundle-js任务应该绑定您的文件。推荐的方法是gulp-concat：

var concat = require('gulp-concat');
var gulp = require('gulp');

gulp.task('bundle-js', function() {
  return gulp.src('toBundletheseJs/**/*.js')
    .pipe(concat('file123.js'))
    .pipe(gulp.dest('./toPutBundledJsHere/'));
});

正确的答案是：使用gulp连接JS文件是不合法的。2因此你永远不应该这样做。
相反，你应该寻找合适的JS捆绑器，它可以正确地将你的文件连接起来，按照一些既定的格式组织它们，比如commonsjs，amd，umd等等。
以下是更合适的工具列表：

• Webpack
• Rollup
• Parcel

请注意，我的答案是2020年年底左右，所以如果你在一个有点遥远的未来阅读这篇文章，请记住javascript社区发展很快，所以新的更好的工具可能会出现。

var gulp = require('gulp');
var concat = require('gulp-concat');
gulp.task('js', function (done) {
    // array of all the js paths you want to bundle.
    var scriptSources = ['./node_modules/idb/lib/idb.js', 'js/**/*.js'];
    gulp.src(scriptSources)
        // name of the new file all your js files are to be bundled to.
        .pipe(concat('all.js'))
        // the destination where the new bundled file is going to be saved to.
        .pipe(gulp.dest('dist/js'));
    done();
});

使用此代码将多个文件捆绑到一个文件中。

gulp.task('scripts', function() {
      return gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js']) //files separated by comma
        .pipe(concat('script.js'))   //resultant file name
        .pipe(gulp.dest('./dist/')); //Destination where file to be exported
    });