Gulp iconfont css没有生成答案

【问题标题】：Gulp iconfont css not generatingGulp iconfont css没有生成
【发布时间】：2015-10-15 05:39:52
【问题描述】：

我的图标字体文件生成得很好，但 css 根本没有生成。下面是我的 gulp 文件的简化版本，它不起作用。我错过了什么？我对 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/...（包含图标 svg）

【问题讨论】：

标签： npm gulp icon-fonts

【解决方案1】：

这行有问题：.pipe(rename({ basename:fontName }))。它来自哪个库，您在哪里需要它？尝试删除它并再次运行 gulp。使用节点控制台中的任何控制台错误更新您的问题。

【讨论】：

已删除...不走运。我不确定它来自哪个图书馆。我将它与其他一些（工作）实现中的代码一起复制了 - 这是我试图遵循但没有成功的网络上的众多示例之一。

【解决方案2】：

检查您的 gulp-iconfont 版本是否与您的模板兼容。在最近的主要更新中发生了重大的兼容性更改；）。

【讨论】：

【解决方案3】：

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

【讨论】：