我读了很多关于这个问题的文章,但仍然没有找到解决方案。
我有一个Angular应用程序,它是用约曼的生成器whiteut Sass设置的。我试图包含fontwo敬畏,所以我使用了bower install components-font-awesome --save
。
问题是,当我grunt build
我的应用程序时,我有一个错误,因为在我的dist文件夹中找不到字体:
GET http://myapp.com/bower_components/components-font-awesome/fonts/fontawesome-webfont.svg?v=4.0.3 404 (Not Found)
所以我尝试将此添加到Grunt复制任务中,以便将字体复制到正确的目录:
{
expand: true,
cwd: '<%= yeoman.app %>/bower_components/components-font-awesome/fonts/',
src: ['**'],
dest: '<%= yeoman.dist %>/bower_components/components-font-awesome/fonts/'
}
但我还是犯了同样的错误。。。
编辑
字体似乎在http://myapp.com
/dist/bower_components/components-font-awesome/fonts/fontawesome-webfont.svg?v=4.0.3
上可用
但不是在URI处抛出错误(没有/dist(。。。
我发现在Angular的应用程序中包含图标的唯一方法是包含glyphicons,而不是fontwo敬畏。同样的问题也发生在grunt用glyphicon构建我的应用程序时,但以下复制任务对我有效:
// Copies remaining files to places other tasks can use
copy: {
dist: {
files: [{
expand: true,
dot: true,
cwd: '<%= yeoman.app %>',
dest: '<%= yeoman.dist %>',
src: [
'*.{ico,png,txt}',
'.htaccess',
'*.html',
'views/{,*/}*.html',
'bower_components/**/*',
'images/{,*/}*.{webp}',
'fonts/*'
]
}, {
expand: true,
cwd: '.tmp/images',
dest: '<%= yeoman.dist %>/images',
src: ['generated/*']
}]
},
styles: {
expand: true,
cwd: '<%= yeoman.app %>/styles',
dest: '.tmp/styles/',
src: '{,*/}*.css'
}
},