使用grunt构建项目时Fontawesome无法正常工作

Question

我使用的字体库字体很棒。当项目没有用grunt构建/丑化时，它可以工作。

但是，当我用粗鲁的方式构建项目时，它不起作用。我在控制台中收到此错误：… / fonts / fontawesome-webfont.woff？v =
4.0.3 404（未找到）

我已经将这个项目与约曼搭在一起。

这是我在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/*'
      ]
    }]
  },

但是我不确定在哪里包括这个。

Answer 1

我有同样的问题。以下代码解决了我的问题。

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 %>'
        }]
    }
}