【发布时间】: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