Javascript Gulp-管理库依赖项

Javascript Gulp-管理库依赖项,javascript,dependencies,gulp,Javascript,Dependencies,Gulp,我正在从事一个项目,其中我有一个供应商目录,其中包含相当多的库,然后是app/js目录中所有特定于应用程序的源代码。我想使用gulp来缩小单个文件中的所有内容,以维护依赖关系。我找不到合适的方法 示例-jQueryUI和引导都要求在它们之前加载jQuery。我如何在我的吞咽任务中指定这一点 我知道的一种方法是将路径数组传递给gulp.src() var paths = ['vendor/jquery.min.js', 'vendor/jquery-ui.min.js', 'vendor/boot

我正在从事一个项目,其中我有一个
供应商
目录,其中包含相当多的库,然后是
app/js
目录中所有特定于应用程序的源代码。我想使用gulp来缩小单个文件中的所有内容,以维护依赖关系。我找不到合适的方法

示例-jQueryUI和引导都要求在它们之前加载jQuery。我如何在我的吞咽任务中指定这一点

我知道的一种方法是将路径数组传递给
gulp.src()

var paths = ['vendor/jquery.min.js', 'vendor/jquery-ui.min.js', 'vendor/bootstrap.min.js']
gulp.task('scripts', function(){
    gulp.src(paths)
        .pipe(concat('all.min.js'))
        ...
        ...
        .pipe(gulp.dest('build/js/all.min.js'))

})

对于大量库,以这种方式包含特定文件的路径并将其传递给
.src()
方法似乎是不对的。我怎样才能更好地管理它?
bower
可以以某种方式使用吗?

正如您所说,最简单的方法是将它们添加到数组中并gulp.src

gulp.src([
    'public/assets/vendor/jquery/dist/jquery.js',
    'public/assets/vendor/bootstrap/dist/js/bootstrap.js',
    'public/assets/js/my_scripts.js'
    ])
因此,您只需添加要包含的新js文件的路径即可

另一种可能性是

下面是一个使用asset builder的gulpfile示例

另一种可能是自动绑定bower文件中的文件。

现在,我将坚持使用
.src()中的注入路径,但从长远来看,转向基于bower的解决方案可能是我想要的。