Javascript 约曼，如何引用鲍尔软件包（字体真棒）？

我对约曼完全陌生，我正面临一个问题 在设置了我的项目后，我决定使用字体真棒 所以我用bower安装了它，效果很好

问题是font awesome不在dist/bower\u components文件夹中 但是当我在html页面中像这样引用字体awesome的css文件时

<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css">

它在localhost中工作，但在dist/bower\u组件中仍然没有文件，除了requirejs

<> P> >我如何告诉Grutt将字体AWESOME的文件复制到DIST/BOERYL组件文件夹中？

< P>我会用它来复制那个文件夹。

也考虑使用来帮助解决这个问题。

index.html：

这可能需要一些努力才能实现，具体取决于用于构建应用程序框架的

Yo

和生成器的版本

请注意，

cssmin:dist

任务现在已完成，并且构建子任务的顺序已更改

---

这样做的好处是，您不必从bower_组件复制源文件。Grunt和Usemin将自动识别块，连接文件，然后将它们缩小为一个新文件，而不是几个新文件。

中对该问题进行了相当全面的讨论，但我还是花了一段时间才完成所有步骤

首先，如果您使用的是sass，请在顶部添加字体：

$fa-font-path: "../bower_components/font-awesome/fonts";
@import 'font-awesome/scss/font-awesome';

这部作品运行的是“咕噜服务”，但当我运行“咕噜服务：dist”时，图标不见了

对于grunt build to dist，请在Gruntfile.js中的“复制”任务下添加以下内容：

{
  expand: true,
  cwd: '.',
  src: 'bower_components/font-awesome/fonts/*',
  dest: '<%= yeoman.dist %>'
}

{
是的，
cwd:‘.’，
src:'bower_components/font awesome/font/*'，
目标：“”
}

您的整个“复制”任务可能如下所示（我的示例）：

复制：{
地区：{
档案：[{
是的，
多特：没错，
cwd:“”，
目标：''，
src:[
“*.{ico，png，txt}”，
“.htaccess”，
“*.html”，
'views/{，*/}*.html'，
'images/{，*/}*{webp}'，
'字体/*'
]
}, {
是的，
cwd:“.tmp/images”，
目标：'/images'，
src:['generated/*']
}, {
是的，
cwd:‘.’，
src:'bower_components/font awesome/font/*'，
目标：“”
}, {
是的，
cwd:‘.’，
src:'bower_components/bootstrap sass official/assets/fonts/bootstrap/*'，
目标：“”
}]
},
},

---

然后“咕噜服务：dist”工作，图标显示正确。希望这能节省别人的时间

这似乎是一个很好的解决方案，但我想了解整个过程，难道Yeoman和bower不应该了解所需（使用过的）文件并自动将其添加到dist文件夹中吗？bower只是一个包管理器，它的唯一工作就是拉下您告诉它的内容。Yeoman，为您提供应用程序结构。呼噜声是肌肉，它为你移动东西。因此，即使你在bower中删除了字体很棒的东西，你仍然必须告诉Grunt为你移动它。我也这么做了-我只是在寻找更多的“秘密酱汁”，其中只复制了依赖项，而不是整个安装包。然后我会使用它将主文件复制到你指定的任何文件夹中。它基本上是一个grunt副本，但手动配置较少。@Adam Simpson，现在我正在使用你的解决方案，效果很好。但是最新的Angle generator如何与bower一起工作呢？bower将库安装到dev环境中，然后usemin将其复制到vender.js。你认为使用font awesome的fonts文件夹进行类似操作是最佳做法吗？我认为你仍然需要复制这些字体文件？

{
  expand: true,
  cwd: '.',
  src: 'bower_components/font-awesome/fonts/*',
  dest: '<%= yeoman.dist %>'
}

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