Gulp图标字体css不生成

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
• /图标/模板/图标/
• /图标/svg/.(包含图标svgs)

Answer 1

这一行是有问题的：.pipe(重命名({ basename:fontName }))。那是从什么图书馆来的，你在哪里要的？试着把它移开，然后再喝一口。使用节点控制台中的任何控制台错误更新您的问题。

Answer 2

请检查您的吞咽图标字体版本是否与模板兼容。在上一次重大更新中出现了严重的兼容性更改;)。

Answer 3

因为它们改变了它们的结构，所以你的吞咽图标的版本是什么？您使用的是“代码点”，但您需要使用“unicode”代替它。