Question

我正在尝试将所有字体真棒字体从bower_components文件夹移动到我的构建目录，但任务不是复制任何文件。

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

Answer 1

我想建议使用gulp-copy

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

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

});

使用gulp任务从凉亭移动字体真棒字体

1 个答案: