A gulp plugin for grouping files via an object for further processing.
安裝
npm install gulp-group-files --save-dev
用例
This gives you a solution to build different packages out of objects. Given this structure:
bower_components
├─── undescore
| └─── underscore.js
├─── backbone
| └─── backbone.js
├─── backbone.stickit
| └─── backbone.stickit.js
├─── bootstrap
| ├─── less
| | └─── bootstrap.less
| ├─── js
| | └─── bootstrap.js
| └─── fonts
| └─── [somefontfiles]
├─── bootstrap-plugin
| ├─── less
| | └─── bootstrap-plugin.less
| └─── js
| └─── bootstrap-plugin.js
└─── font-awesome
├─── less
| └─── font-awesome.less
└─── fonts
└─── [somefontfiles]
很容易構(gòu)建
dist
└─── js
├─── backbone.js //contains underscore, backbone and backbone.stickit
└─── bootstrap.js //contains bootstrap and bootstrap-plugin
使用
var gulp = require ('gulp'),
concat = require('gulp-concat'),
group = require('gulp-group-files');
var scripts = {
'backbone': [
'bower_components/underscore/underscore.js',
'bower_components/backbone/backbone.js',
'bower_components/backbone.stickit/backbone.stickit.js'
],
'bootstrap':[
'bower_components/bootstrap/js/bootstrap.js',
'bower_components/bootstrap-plugin/js/bootstrap-plugin.js'
]
};
gulp.task('scripts',group(scripts, function(name,files){
return gulp.src(files)
.pipe(concat(name + ".js"))
.pipe(gulp.dest("dist/js/"));
});
