Gruntjs 著名的美国和令人敬畏的字体
是否有人在使用grunt(包括字体真棒)分发项目时遇到问题 我的问题是,在“dist”文件夹内的最终分发项目中,我错过了字体真棒 “我的项目”中的字体文件夹位于: app/lib/font-awesome/css/font-awesome.min.css 到目前为止我所做的: 我试图编辑copy.js(在grunt文件夹中),如下所示:Gruntjs 著名的美国和令人敬畏的字体,gruntjs,font-awesome,famo.us,Gruntjs,Font Awesome,Famo.us,是否有人在使用grunt(包括字体真棒)分发项目时遇到问题 我的问题是,在“dist”文件夹内的最终分发项目中,我错过了字体真棒 “我的项目”中的字体文件夹位于: app/lib/font-awesome/css/font-awesome.min.css 到目前为止我所做的: 我试图编辑copy.js(在grunt文件夹中),如下所示: src: [ '**/**.{ico,png,gif,txt,jpg,svg,wof,ttf}', '.htaccess',
src: [
'**/**.{ico,png,gif,txt,jpg,svg,wof,ttf}',
'.htaccess',
//'images/{,*/}*.webp',
//'content/{*.*,*/}*.*',
'content/{,*/}/{,*/}/*.*',
// '{,*/}*.html',
'styles/fonts/{*.*,*/}*.*',
'lib/famous/**/**.css',
'lib/font-awesome/{,*/}/**.css'
]
…发布字体也很棒,现在它在dist文件夹中,但当我打开index.html时,它似乎找不到正确的路径,我看不到任何图标
感谢为了简化一切并加快加载速度,您只需链接到托管于CDN的Font Awesome版本。BootstrapCDN将为您提供此服务:考虑到您在index.html中有此功能:
<!-- build:css(app/) css/app.css -->
<link rel="stylesheet" type="text/css" href="content/vendor/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="styles/app.css" />
<!-- bower:css -->
Grunt将把字体放在dist/css中。问题是font awesome正在查找与此文件相关的字体(../fonts),而这些字体在构建过程中没有随css移动。因此,请修改grunt/copy.js文件以完成以下操作:
// Copies remaining files to places other tasks can use
module.exports = {
dist: {
files: [{
expand: true,
dot: true,
cwd: '<%= config.app %>',
dest: '<%= config.dist %>',
src: [
'**/**.{ico,png,txt,jpg,svg,wof,ttf}',
'.htaccess',
'images/{,*/}*.webp',
// '{,*/}*.html',
'styles/fonts/{,*/}*.*',
'lib/famous/**/**.css'
]
},
// add this, making sure the path is correct to your fonts
{
expand: true,
dot: true,
cwd: '<%= config.app %>/content/vendor/font-awesome/fonts/',
src: ['*.*'],
dest: '<%= config.dist %>/fonts'
}]
}
};
//将剩余文件复制到其他任务可以使用的位置
module.exports={
地区:{
档案:[{
是的,
多特:没错,
cwd:“”,
目标:'',
src:[
“**/**.{ico、png、txt、jpg、svg、wof、ttf}”,
“.htaccess”,
'images/{,*/}*.webp',
//“{,*/}*.html”,
'样式/字体/{,*/}**',
“lib/名人/***/**.css”
]
},
//添加此选项,确保路径与字体相符
{
是的,
多特:没错,
cwd:“/content/vendor/font-awesome/font/”,
src:['*.'],
目标:'/fonts'
}]
}
};
再次运行grunt,dist文件夹现在应该包含一个fonts文件夹 您是否直接在index.html文件中尝试了链接标记?