我正在开发一个项目,我有一个vendor
目录,其中包含很多库,然后是app/js
目录中所有特定于应用程序的源。我想使用gulp来简化维护依赖关系的单个文件中的所有内容。我找不到合适的方法。
示例 - jQuery UI和Bootstrap都需要在它们之前加载jQuery。如何在我的gulp任务中指定这个?
我知道的一种方法是将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()
方法似乎是不对的。我怎样才能更好地管理它?可以{@ 1}}以某种方式使用吗?
答案 0 :(得分:2)
就像你说的那样,最简单的方法是将它们添加到数组和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文件的路径。
另一种可能性是https://github.com/austinpray/asset-builder
这是一个带有asset-builder https://github.com/roots/sage/blob/master/gulpfile.js
的gulpfile示例另一种可能性是自动捆绑您的凉亭文件中的文件。 https://truongtx.me/2014/07/18/using-bower-with-gulp/