【问题标题】:Move font awesome fonts from bower using gulp task使用 gulp 任务从凉亭中移动字体真棒字体
【发布时间】:2017-06-07 19:29:02
【问题描述】:

我正在尝试将所有字体很棒的字体从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

【问题讨论】:

  • 这是我使用的确切代码gulp.task('icons', function() { return gulp.src('node_modules/font-awesome/fonts/**.*') .pipe(gulp.dest('fonts')); }); ...我可以确认它工作正常。也许检查错字或其他错误。

标签: gulp bower font-awesome


【解决方案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}));

});

【讨论】:

  • 刚刚试过这个。它已将“bower_components/”文件夹结构复制到构建目录中?
  • 我在答案中添加了“前缀”选项,它适用于您的文件夹结构
猜你喜欢
  • 1970-01-01
  • 2020-09-24
  • 1970-01-01
  • 2020-04-21
  • 2017-09-02
  • 1970-01-01
  • 2021-04-30
  • 2016-09-18
  • 2014-08-02
相关资源
最近更新 更多