Question

我的图标字体文件生成得很好，但css根本没有生成。下面是我的gulp文件的简化版本，它不起作用。我错过了什么？我很生气。

var gulp = require('gulp'),
iconfont = require('gulp-iconfont'),
consolidate = require('gulp-consolidate');

var fontName = 'lrcd';
gulp.task('iconfont', function(){
  gulp.src(['icons/*.svg'])
  .pipe(iconfont({ fontName: fontName }))
  .on('codepoints', function(codepoints) {
    gulp.src('icons/templates/icons.css')
    .pipe(consolidate('lodash', {
      glyphs: codepoints,
      fontName: fontName,
      fontPath: 'icons/',
      className: 'icon'
    }))
    .pipe(rename({ basename:fontName }))
    .pipe(gulp.dest('css/'));
  })
  .pipe(gulp.dest('icons/'));
});

gulp.task('default', ['iconfont']);

我的目录设置如下：

/ CSS
/icons/templates/icons.css
/ icons / svg / ...（包含图标svgs）

Answer 1

这一行值得怀疑：.pipe（重命名（{basename：fontName}））。你需要它的库是哪个库？尝试删除它并再次运行gulp。使用节点控制台中的任何控制台错误更新您的问题。

Answer 2

检查您的gulp-iconfont版本是否与您的模板兼容。在上一次重大更新中，兼容性发生了重大变化;）。

Answer 3

你的gulp-iconfont版本是什么，因为他们改变了他们的结构。你正在使用'codepoints'，但你需要使用'unicode'而不是。

Gulp iconfont css没有生成

3 个答案: