如何使用gulp-usemin包字体

Question

我目前正在使用gulp-usemin插件，但是我正在努力做一件事:使用包提供的图像！

  <!-- build:css lib/css/main.min.css -->
  <link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-awesome.css">
  <!-- endbuild -->

font- also包还附带了字体：

bower_components/font-awesome/fonts/**.*

我现在用usemin插件编译我的css：

gulp.task('usemin', function() {
    return gulp.src('src/index.html')
        .pipe(usemin({
            css: [minifyCss(), 'concat'],
        }))
        .pipe(gulp.dest('dist/'));
});

现在，这将使用上面的构建路径扫描我的HTML，并成功地缩小它。

然而，我遇到的问题是，现在我的字体很棒的CSS在错误的位置寻找字体，因为它们不再在同一个目录中。

我该如何解决这个问题？

Answer 1

通过找到这个问题来解决这个问题：Can you remove a folder structure when copying files in gulp?

我的任务现在是使用gulp-rename

gulp.task('copy-bower_fonts', function() {
    return gulp.src(paths.bower_fonts)
        .pipe(rename({
            dirname: '/fonts'
        }))
        .pipe(gulp.dest('dist/lib'));
});

查找../fonts/的包中的字体现在指向了正确的位置。