gpt4 book ai didi

angularjs - 在 Angular 中包含 fontawesome 和 grunt

转载 作者:行者123 更新时间:2023-12-01 05:12:42 25 4
gpt4 key购买 nike

我阅读了很多关于这个问题的信息,但仍然没有找到解决方案。

我有一个 Angular 应用程序,它设置了 Yeoman 的生成器 whitout Sass。我试图包含 fontawesome,所以我使用了 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 而不是 fontawesome。使用 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'
}
},

关于angularjs - 在 Angular 中包含 fontawesome 和 grunt,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23388626/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com