sass - 导入的 Sass 文件找不到字体文件

Question

我正在使用 gatsby-plugin-sass 来包含我的 sass 文件。我有一个导入 _typography.sass 的 web-animations.sass 文件。我的 _typography.sass 有这样的字体声明:

@font-face
  font-family: 'BrandonPrinted'
  src: url(../../global/fonts/brandonprinted-one-webfont.eot)
  src: url(../../global/fonts/brandonprinted-one-webfont.eot?#iefix) format('embedded-opentype'), url(../../global/fonts/brandonprinted-one-webfont.woff) format('woff'), url(/src/page-assets/global/fonts/brandonprinted-one-webfont.ttf) format('truetype')

当我运行 gatsby develop 时，我得到这个错误:

ERROR  Failed to compile with 2 errors                                                                                                          19:51:15

These relative modules were not found:

* ../../global/fonts/brandonprinted-one-webfont.eot in ./~/css-loader!./~/sass-loader?{"plugins":[]}!./src/page-assets/work-ive-done/subpages/web-animations/styles/web-animations.sass
* ../../global/fonts/brandonprinted-one-webfont.woff in ./~/css-loader!./~/sass-loader?{"plugins":[]}!./src/page-assets/work-ive-done/subpages/web-animations/styles/web-animations.sass

字体 url 路径似乎被解释为相对于 web-animations.sass 而不是相对于 _typography.sass 因为如果我移动 web -animations.sass 上升两级，然后此错误消失。

有没有办法让 _typography.sass 查找与其自身位置相关的字体文件？

Answer 1

这似乎已解决，但以防万一将来有人遇到此问题并想要替代解决方案 I answered a similar question over here并包含一个带有已部署站点的存储库，演示了使用 Sass 静态文件的不同方式。