Невозможно минимизировать CSS в компонентах Bower, используя GULP

Question

Я хочу минимизировать компоненты bower и объединить их в один файл для внешнего интерфейса, используя gulp. Пока я могу достичь этого с помощью файлов.js:

var uglify = require('gulp-uglify');
var minify = require('gulp-clean-css');
var mainBowerFiles = require('gulp-main-bower-files');
var filter = require('gulp-filter');
var concat = require('gulp-concat');
var jsFilter = filter('**/*.js', { restore: true });
return gulp.src('./bower.json')
 .pipe(mainBowerFiles())
 .pipe(jsFilter)
 .pipe(concat('bower.js'))
 .pipe(uglify())
 .pipe(jsFilter.restore)
 .pipe(gulp.dest('./js'));

Но, используя тот же подход, когда я пробую его с файлами.css, он не дает ожидаемого результата. Что происходит, так это то, что все js-файлы вместо css минимизируются и копируются в папку /styles, а bower.css содержит код только для одного из css-файлов, присутствующих в компонентах bower. Может кто-нибудь указать, что я делаю не так?

var cssFilter = filter('**/*.css', { restore: true });
return gulp.src('./bower.json')
 .pipe(mainBowerFiles())
 .pipe(cssFilter)
 .pipe(concat('bower.css'))
 .pipe(minify())
 .pipe(cssFilter.restore)
 .pipe(gulp.dest('./styles'));