Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用gulp任务从bower中移动字体_Gulp_Bower_Font Awesome - Fatal编程技术网

使用gulp任务从bower中移动字体

使用gulp任务从bower中移动字体,gulp,bower,font-awesome,Gulp,Bower,Font Awesome,我正在尝试将所有字体从bower\u components文件夹移动到我的构建目录,但任务没有复制任何文件 gulpfile.js var gulp = require('gulp'), sass = require('gulp-sass'), cssnano = require('gulp-cssnano'), uglify = require('gulp-uglify'), rename = require('gulp-rename'), concat

我正在尝试将所有字体从
bower\u 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/'));
});
当我运行
gulpfa
时,它运行正常,但在我的
assets/fonts/font-awome
目录中没有显示任何文件

我知道.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

我想建议用大口拷贝

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

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

});

刚刚试过这个。它已将“bower_components/”文件夹结构复制到构建目录中?我在回答中添加了“prefix”选项,它正在使用您的文件夹结构这正是我使用的代码
gulp.task('icons',function(){return gulp.src('node_modules/font awesome/fonts/**')。pipe(gulp.dest('font');})。。。我可以确认它工作正常。可能检查是否有打字错误或其他错误。