使用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');})代码>。。。我可以确认它工作正常。可能检查是否有打字错误或其他错误。