在
这个stackoverflow答案中有一个相当全面的讨论,但我仍然花了一些时间来hack,以确保所有步骤都正确。
如果您正在使用sass,请在顶部包含font-awesome:
$fa-font-path: "../bower_components/font-awesome/fonts";
@import 'font-awesome/scss/font-awesome';
这段文字是关于编程的,翻译如下:
在运行 'grunt serve' 时正常工作,但在运行 'grunt serve:dist' 时图标丢失。
要在 grunt 构建到 dist 目录中,需要在 Gruntfile.js 文件的 'copy' 任务下添加以下内容:
{
expand: true,
cwd: '.',
src: 'bower_components/font-awesome/fonts
您的整个“复制”任务可能如下所示(我的示例):
copy: {
dist: {
files: [{
expand: true,
dot: true,
cwd: '<%= yeoman.app %>',
dest: '<%= yeoman.dist %>',
src: [
'*.{ico,png,txt}',
'.htaccess',
'*.html',
'views/{,*/}*.html',
'images/{,*/}*.{webp}',
'fonts/*'
]
}, {
expand: true,
cwd: '.tmp/images',
dest: '<%= yeoman.dist %>/images',
src: ['generated/*']
}, {
expand: true,
cwd: '.',
src: 'bower_components/font-awesome/fonts/*',
dest: '<%= yeoman.dist %>'
}, {
expand: true,
cwd: '.',
src: 'bower_components/bootstrap-sass-official/assets/fonts/bootstrap/*',
dest: '<%= yeoman.dist %>'
}]
},
},
然后运行 'grunt serve:dist',图标正常显示。希望这能节省某人的时间!