如何通过gulp缩小bootstrap，由bower安装并将字体移动到dist？

Question

我有这种情况。我想连接并将bower安装的所有css和js文件复制到/ dist /：

var gulp        = require('gulp');
var bower       = require('main-bower-files');
gulp.task('default', function() {
  return gulp
    .src(bower({ paths: 'app' }), { read: true })
    .pipe(gulp.dest('dist'));
  ;
});

/app
---/bower_components/
------/bootstrap/
------/jquery/
------/etc/
/dist
gulpfile.js

bower（...）返回要处理的文件列表：

'bower_components/angular/angular.js',
'bower_components/bootstrap/less/bootstrap.less',
'bower_components/bootstrap/dist/js/bootstrap.js'
'bower_components/jquery/dist/jquery.js'

问题是bootstrap有.less而不是.css文件。

1. 如何在gulp文件中运行lessc？
2. 我如何复制字体文件？ （非常重要）。

P.S。我不想以任何方式修改凉亭组件，因为它击败了凉亭升级。 P.P.S.我也不想为bootstrap编写自定义逻辑。我想平等对待所有的bower组件来处理所有css，js，sass，less，将字体和图像复制到/ dist /自动。

Answer 1

Gulp-Less库有一个带选项的例子：

https://github.com/plus3network/gulp-less

您还可以使用Gulp-Copy库：

https://www.npmjs.com/package/gulp-copy