gulp iconfont任务未填充unicode值
我从grunt转到gulp,在创建图标字体和样式表时遇到了库问题 依赖关系:gulp iconfont任务未填充unicode值,gulp,Gulp,我从grunt转到gulp,在创建图标字体和样式表时遇到了库问题 依赖关系: "devDependencies": { "gulp": "^3.9.0", "gulp-iconfont": "^5.0.1" } Gulpfile: "devDependencies": { "gulp": "^3.9.0", "gulp-iconfont": "^5.0.1" } 我有以下文件设置来构建字体: var gulp = require('gulp'), iconfo
"devDependencies": {
"gulp": "^3.9.0",
"gulp-iconfont": "^5.0.1"
}
Gulpfile:
"devDependencies": {
"gulp": "^3.9.0",
"gulp-iconfont": "^5.0.1"
}
我有以下文件设置来构建字体:
var gulp = require('gulp'),
iconfont = require('gulp-iconfont');
var paths = {
fonts: 'site/fonts/',
icons: 'site/fonts/icons/src/',
styles: 'site/styles/',
scripts: 'site/scripts/'
};
gulp.task('icons', function(){
return gulp.src([paths.icons + '*.svg'])
.pipe(iconfont({
fontName: 'icons',
appendUnicode: true,
formats: ['woff']
}))
.on('glyphs', function(glyphs, options) {
console.log(glyphs, options);
// the value for unicode in the glyphs object is a question mark in a box
})
.pipe(gulp.dest(paths.styles));
});
问题:
"devDependencies": {
"gulp": "^3.9.0",
"gulp-iconfont": "^5.0.1"
}
当我控制台记录glyphs对象时,glyphs对象中的unicode值在框中是一个问号
我尝试从头开始重新安装所有模块,以防出现不寻常的情况,但运气不佳
任何帮助都将不胜感激。背景故事:
"devDependencies": {
"gulp": "^3.9.0",
"gulp-iconfont": "^5.0.1"
}
好的-所以我在svgicons2svgfont模块中找到了罪犯。周围有以下内容:
metadata.unicode[0] = String.fromCodePoint(options.startUnicode++);
我注意到,就在下面,模块正在对生成的字符串进行一些操作,以获取附加到文件名的unicode值。下面是提取unicode值的步骤:
metadata.unicode[0].codePointAt(0).toString(16).toUpperCase();
解决方案:
"devDependencies": {
"gulp": "^3.9.0",
"gulp-iconfont": "^5.0.1"
}
我对scss模板文件中的glyph
变量也做了同样的操作,现在我的unicode值已正确填充
$icons: (<% _.each(glyphs, function(glyph) { %>
<%= glyph.name %>: "\<%= glyph.unicode[0].codePointAt(0).toString(16).toUpperCase() %>",<% }) %>
);
$图标:(
: "\",
);
这对我来说简直是荒谬和困惑。更令人沮丧的是,几乎没有关于从这些使用svgicons2svgfont的库中创建css模板的文档
我希望这能在同样令人沮丧的情况下帮助其他人
我将尝试将其转换为pull请求,以使将来使用这些模块的人更清楚一些。这可能是您的控制台的问题,您的控制台是否支持unicode字符?是的,确实如此,我正在输出的css文件也显示了格式错误的字符。谢谢,这正是我想要的。目前,文件已经过时了。啊,是的!非常感谢你!