根Sage - Bud build不加载自定义字体，并显示解析-url-加载程序警告。

Question

我在最新的Root/Sage 10上建立了一个项目。

我没有修改bud.config.js，而是在从sage主分支克隆时保留了它。

现在，我试图通过将以下内容添加到app.css中来添加自定义字体

@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.ttf?yh9ob") format("truetype"),
    url("../fonts/iconfont.woff?yh9ob") format("woff"),
    url("../fonts/iconfont.svg?yh9ob#baltimore") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

我将字体文件添加到resources/fonts文件夹中。

文件夹结构：

- resources
|- fonts
|---- iconfont.svg
|---- iconfont.ttf
|---- iconfont.woff
|- images
|- scripts
|- styles
|---- app.css
...

当我运行npm run build时，它会生成资产文件。但是字体文件并没有加载到网站上。当我在公用文件夹中检查编译后的app.[hash].css时，我找不到任何类似于@font-face...的东西。我在芽建日志的末端看到了这个：

⚠ Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
  webpack or the upstream loader did not supply a source-map
⚠ Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
  webpack or the upstream loader did not supply a source-map

当我运行npm run dev时，它会显示相同的消息，并且只挂在那里。这些资产甚至不会在manifest.json以外的公用文件夹中生成。

% npm run dev

> dev
> bud dev

⚠ Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
  webpack or the upstream loader did not supply a source-map
⚠ Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
  webpack or the upstream loader did not supply a source-map

再说一遍，我没有自己配置任何东西，我只有从鼠尾草的最新承诺中提取的东西。

sage的默认设置没有处理这个简单的样式添加，这有点令人沮丧。

有人知道我是否必须为自定义字体定义配置任何东西吗？

目前，根/sage10 10文档非常薄，我无法找到我需要的东西。

寻求帮助！

提前谢谢..。

Answer 1

问题在芽5.1.0中得到了解决。

请参见此提交https://github.com/roots/sage/commit/c03663602280a5e5bb9caa5c1c4c4b37a40c7395

Answer 2

使用@字体。

示例：

src: url(~@fonts/iconfont.ttf?yh9ob) format('truetype')