从 Font-Awesome-Sass gem 中获取字体复制到 grunt compass 输出目录答案

【问题标题】：Get fonts from Font-Awesome-Sass gem copied into grunt compass output directory从 Font-Awesome-Sass gem 中获取字体复制到 grunt compass 输出目录
【发布时间】：2014-09-24 13:29:35
【问题描述】：

我已经成功安装了“font-awesome-sass”ruby-gem，并通过 compass gunt-config 中的“require”-property 和我的 scss 中的“import”-rule 将其包含在内。所以 font-awesome scss 被编译到我的 output-css 文件中，这工作到目前为止。

我现在的问题是：如何从 ruby-gem 获取字体文件（.woff、.otf、..）到我的 grunt 输出目录中。这些文件已经在“../css/fonts/”目录中的 output-css 中被引用，但它们不会被自动复制。

我错过了什么吗？

【问题讨论】：

我也有同样的问题。那里肯定有很多专家级的用户，但没有人愿意将交易的秘密传授给我们 n00bs。天知道你应该怎么做。我刚刚使用 bower 安装了 font-awesome，然后手动移动了目录，以便它们与输出的 css 中引用的内容相匹配。至少它有效。
当已经在使用 grunt 时，只需使用 npm 模块“font-awesome”而不是 ruby-gem。之后，您可以通过 grunt 的复制任务将“node_modules/font-awesome/fonts”的内容复制到目标目录中。为了让它与 compass 一起工作，你可以通过 grunt 的 compass-task 中的 "importPath"-parameter 导入 "node_modules/font-awesome/scss" 的内容。

标签： ruby gem gruntjs font-awesome grunt-contrib-compass

【解决方案1】：

我相信您可以通过 grunt-contrib-copy 之类的方式完成

$ npm install grunt-contrib-copy

在您的 Gruntfile.js 中添加如下任务：

copy: {
  fonts: {
    src: 'path/to/font-awesome/files/*',
    dest: 'app/assets/fonts/font-awesome',
  },
},

正如鞋子提到的那样；如果您使用 grunt，我可能还会使用 NPM 包或 bower 来引入 font-awesome。如果这样做，资产的路径将由用于安装它们的包确定。显然调整路径以匹配您的应用设置，但总体思路应该可行。

【讨论】：