gulp - gulp は css ファイルではなく JavaScript ファイルをフィルター処理します

Question

私はガクガクする初心者です。gulp を使用して、単一の vendor.css ファイルと vendor.js ファイルを作成しようとしています。

vendor.css は

 -bootstrap.css

vendor.js は

 -jquery.js
 -bootstrap.js
 -angular.js
 -angular-ui-router.js

gulpfile.js

// Include Gulp
var gulp = require('gulp');
// Include plugins
var plugins = require("gulp-load-plugins")({
    pattern: ['gulp-*', 'gulp.*'],
    replaceString: /\bgulp[\-.]/
});
// Define default destination folder
var dest = 'public';

gulp.task('vendorjs', function(){
    var filterJS = plugins.filter('**/*.js');
    return gulp.src('./bower.json')
        .pipe(plugins.mainBowerFiles( ))
        .pipe(filterJS)
        .pipe(plugins.concat('vendor.js'))
        .pipe(plugins.uglify())
        .pipe(filterJS.restore())
        .pipe(gulp.dest(dest+"/vendor/js/"));
});
gulp.task('vendorcss', function(){
    var filterCSS = plugins.filter('**/*.css');
    return gulp.src('./bower.json')
        .pipe(plugins.mainBowerFiles( ))
        .pipe(filterCSS)
        .pipe(plugins.concat('vendor.css'))
        .pipe(plugins.uglify())
        .pipe(filterCSS.restore())
        .pipe(gulp.dest(dest+"/vendor/css/"));
});


gulp.task('default', function() {
  // place code for your default task here
});

gulp.task('serve', ['vendorcss','vendorjs'], function () {

});

gulp serve を実行すると、エラーなしで実行されます。しかし、私は

public/vendor/css/angular/angular.js 

public/vendor/css/angular-ui-router/release/angular-ui-router.js

public/vendor/css/bootstrap/dist/js/bootstrap.js

public/vendor/css/bootstrap/less/bootstrap.less

public/vendor/css/jquery/dist/jquery.js

public/vendor/js/vendor.js

public/vendor/js/bootstrap/less/bootstrap.less

1. css ファイルが見つからないのはなぜですか。ファイルが少ないのはなぜですか。

私の出力は

public/vendor/vendor.js
public/vendor/vendor.css

2. vendor.js と vendor.css を HTML にマップするにはどうすればよいですか