如何使用gulp-usemin包字体

Question

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

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

的字体真棒凉亭包还自带字体：

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

我目前编译我的CSS与usemin插件：

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/包现在指向正确的位置。