Less 如何通过gulp缩小引导,通过bower安装,并将字体移动到dist?

Less 如何通过gulp缩小引导,通过bower安装,并将字体移动到dist?,less,gulp,bower,Less,Gulp,Bower,我有这种情况。我想将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'))

我有这种情况。我想将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'
问题是引导程序有.less而不是.css文件

  • 如何在gulp文件中运行lessc
  • 如何复制字体文件呢?(也非常重要)
  • 另外,我不想以任何方式修改bower组件,因为它会阻碍bower升级。
    我也不想为引导编写自定义逻辑。我想平等对待所有bower组件,以处理所有css、js、sass、less,并将字体和图像自动复制到/dist/中。

    无Gulp库有一个带有选项的示例:

    还有一个Gulp Copy库,您可以使用:


    不要认为gulp copy有助于复制字体,因为字体在更少的文件中进行了特殊化。在bower.js中没有链接。因此,LESC编译器应该知道字体和图像的链接,并能够识别它们。@user3235751 Less编译器当然不能也不应该为您复制任何字体或图像或任何链接文件。相反,您可以自己复制它们(例如使用
    gulp copy
    )到您需要的任何地方,并且只需指定生成的CSS中的链接应指向的位置(for)。问题是,如果我更改bower_组件中的@icon font path,那么我项目中的其他开发人员必须从头开始安装组件,不会修改该图标路径,并且会有困难。据我所知,我不应该将bower_组件提交到repo中,因为这是一种不好的做法。此外,通过使用gulp copy,我可以自己复制文件,但在这种情况下,我必须为每个组件编写它(bootstrap、font Awest、tinymce等)。为什么,如果每个组件中都有一个bower.js。难道没有一种自动复制所有内容的方法吗?投票结束这一过程,因为Q显示了即使是琐碎的搜索和文档阅读也没有做。@seven Phase max不幸的是,它似乎正在变成这样,在某些情况下,基本方向有时是不受欢迎的,用户希望一步一步地解决他们的问题。