gpt4 book ai didi

angularjs - 当使用 grunt 构建项目时,Fontawesome 无法工作

转载 作者:行者123 更新时间:2023-12-02 19:39:02 25 4
gpt4 key购买 nike

我正在使用很棒的字体库字体。当项目不是用 grunt 构建/丑化时它可以工作。

但是当我用 grunt 构建项目时,它不起作用。我在控制台中收到此错误:.../fonts/fontawesome-webfont.woff?v=4.0.3 404(未找到)

我已经与 yeoman 一起搭建了该项目。

这是我在index.html中的引用

    <!-- build:css styles/fontawesome.css -->
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
<!-- endbuild -->

有什么想法可能是错误的吗?

更新我需要将文件夹/bower_components/font-awesome/fonts 复制到 dist/fonts。这需要在 grunt 文件中完成。可能在“复制”选项下

copy: {
dist: {
files: [{
expand: true,
dot: true,
cwd: '<%= yeoman.app %>',
dest: '<%= yeoman.dist %>',
src: [
'*.{ico,png,txt}',
'.htaccess',
'bower_components/**/*',
'images/{,*/}*.{gif,webp}',
'styles/fonts/*'
]
}, {
expand: true,
cwd: '.tmp/images',
dest: '<%= yeoman.dist %>/images',
src: [
'generated/*'
]
}]
},

但我不太确定在哪里包含它。

最佳答案

我也遇到了同样的问题。以下代码解决了我的问题。

copy: {
dist: {
files: [{
expand: true,
dot: true,
cwd: '<%= config.app %>',
dest: '<%= config.dist %>',
src: [
'*.{ico,png,txt}',
'.htaccess',
'images/{,*/}*.webp',
'{,*/}*.html',
'styles/fonts/{,*/}*.*'
]
},{
expand: true,
dot: true,
cwd: 'bower_components/bootstrap/dist', // change this for font-awesome
src: ['fonts/*.*'],
dest: '<%= config.dist %>'
}]
}
}

关于angularjs - 当使用 grunt 构建项目时,Fontawesome 无法工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21310382/

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