如何使用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/包現在指向正確的位置。