javascript - Font-awesome 无法与推送到 Heroku 的 yeoman 生成器一起使用

Question

我正在使用 Yeoman 生成器“angular-fullstack”。使用新生成的“angular-fullstack”脚手架，我执行 bower install --save components-font-awesome 然后在 main.html 模板中添加一个 font-awesome 图标，构建并将其推送到 heroku，我看到图标应该在的地方有一个灰色框是。

但是，如果我在本地执行 grunt serve，我可以按预期看到图标。

我不知道这是 Yeoman Angular-fullstack 问题、grunt 问题、font-awesome 问题还是 Heroku 问题，所以我将其抛出。也许有人可以帮助限制这种情况。

注意:我使用的是“components-font-awesome”而不是“font-awesome”，因为 grunt 无法正确构建 font-awesome，因此建议使用 shim。

我在本地服务时看到的内容:

我在构建并推送到 heroku 时看到的内容:

Answer 1

在这个版本的 Yeoman angular-fullstack 生成器中，grunt build 命令在 dist 目录下构建交付的文件。另一个 stackoverflow 答案(在上面的评论中引用)暗示将 font-awesome fonts 目录直接放在 dist 级别下。但是，提供的文件位于 dist/public 下。因此，它位于 public 目录下，fonts 目录当前存在并且应该放置 font-awesome 字体文件。

为了使其与现有的 grunt build 一起使用，我将 font-awesome 字体文件预先复制到 app/fonts 目录中。这样，grunt build 会自动将文件复制到 dist/public/fonts 目录中。