2017-01-23 40 views
1

我想從bower_components文件夾中將所有字體真棒字體移動到我的生成目錄,但該任務不復制任何文件。使用gulp任務從鮑爾移動字體真棒字體

gulpfile.js

var gulp = require('gulp'), 
    sass = require('gulp-sass'), 
    cssnano = require('gulp-cssnano'), 
    uglify = require('gulp-uglify'), 
    rename = require('gulp-rename'), 
    concat = require('gulp-concat'), 
    notify = require('gulp-notify'); 

var config = { 
    bowerDir: 'bower_components' 
} 

gulp.task('fa', function() { 
    return 
     gulp.src(config.bowerDir + '/font-awesome/fonts/**.*') 
     .pipe(gulp.dest('assets/fonts/font-awesome/')); 
}); 

當我運行gulp fa它運行良好,但沒有文件出現在我的assets/fonts/font-awesome目錄。

我知道.pipe(gulp.dest())函數的作品,因爲我有一個腳本功能,像這樣:

gulp.task('scripts', function(){ 
    return gulp.src([ 
     'bower_components/jquery/dist/jquery.min.js', 
     'bower_components/jquery-validation/dist/jquery.validate.js', 
     'bower_components/foundation/js/foundation.min.js', 
     'assets/js/custom/app.js', 
    ]) 
    .pipe(concat('app.js')) 
    .pipe(rename({ suffix: '.min' })) 
    .pipe(uglify()) 
    .pipe(gulp.dest('assets/js/')) 
    .pipe(notify({ 
     message: 'Scripts minified' 
    })); 
}); 

任何想法?

編輯

我的文件夾結構是這樣的:

assets/ 
--fonts/ 
----font-awesome/ 
gulpfile.js 
bower_components/ 
--font-awesome/ 
----fonts/ 
------fontawesome-webfont.eot 
------fontawesome-webfont.svg 
------fontawesome-webfont.ttf 
------fontawesome-webfont.woff 
------fontawesome-webfont.woff2 
+0

這是確切的代碼,我使用 ' gulp.task('icons',function(){ return gulp.src('node_modules/font-awesome/fonts /**.*') .pipe(gulp.dest('fonts')); });' ...我可以確認它工作正常。也許檢查錯字或其他錯誤。 – Davey

回答

1

我想建議使用一口拷貝

var copy = require('gulp-copy');  

gulp.task('copy', function() { 
    gulp.src(['bower_components/font-awesome/fonts/*.*']) 
     .pipe(copy('assets/fonts/font-awesome/', { prefix: 3})); 

}); 
+0

剛剛嘗試過。它已將'bower_components /'文件夾結構複製到構建目錄中? –

+0

編輯我的問題 –

+0

我在我的答案中添加了「前綴」選項,它與你的文件夾結構 –